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近年 来 ,ASP. NET 技术 已 经 成 为 越 来 越 多 的 Web 应 用 开发 人 员 的 首选 。 本 书 第 1 版 

基于 ASP. NET 2.0 于 2013 年 年 初出 版 ,并 受到 广大 读者 的 一 致 好 评 , 随 着 Microsoft 
.NET Framework 4.0 的 发 布 ,采用 ASP. NET 4.0 和 SQL Server 2008 进行 动态 网 站 开 
发 ,无 论 在 设计 思想 、 开 发 效率 ,还 是 在 编程 模式 等 方面 都 有 了 很 大 的 改进 ,代码 更 精简 、 更 
安全 ,采用 已 编译 的 、 由 事件 驱动 的 编程 模型 ,使 应 用 程序 性 能 进一步 得 到 提升 。 因 此 ,为 了 
适应 市 场 需求 ,作者 在 第 1 版 的 基础 上 编写 了 基于 C# 十 SQL Server 2008 的 ASP. NET 网 
站 设计 教程 第 2 版 。 

本 书 采取 了 ”* 删 繁 就 简 ” 的 基本 原则 ,重点 介绍 Web 开发 的 技术 体系 ,帮助 读者 建立 网 
站 建设 的 知识 框架 ,直观 展示 示例 项 目的 实际 开发 技术 与 操作 步骤 ,剖析 示例 的 技术 要 点 。 
本 书 各 章 都 涉及 “实践 与 练习 ”部 分 ,提供 了 许多 与 讲授 内 容 密切 相关 的 编程 场景 与 习题 ,其 
目的 是 进一步 总 结 归纳 知识 点 ,培养 读者 的 应 用 和 探索 能 力 。 

另外 ， bet pdr tte nt as 
这 一 点 ， 只 将 关注 的 重心 放 在 技术 点 ,结果 反而 制约 了 技术 能 力 的 发 挥 。 因 为 在 实际 开发 
工作 中 ,不 ee pp tid ed 己 的 规范 
习惯 , 欲 速 则 不 达 。 本 书 并 没有 刻意 去 介绍 编程 规范 ,而 是 将 其 融入 每 一 个 具体 的 实例 中 ， 
使 读者 在 学 习 过 程 中 ,自然 而 然 地 感知 并 强化 良好 的 编程 习惯 。 

本 书 采用 ASP. NET 4.0 版 本 ,用 C# 作 为 后 台 编 程 语言 ,C# 是 微软 专 为 . NET 系统 
量 身 定 做 的 语言 , 越 来 越 多 的 . NET 开发 者 选择 了 C# 语 言 。 如 果 读 者 已 经 掌握 了 VB、C/ 
C++ 或 者 Java 语言 , 则 C# 是 很 容易 入 门 的 ,其 中 第 3 章 是 对 C# 的 介绍 。 本 书 案例 的 开发 
工具 为 Microsoft Visual Studio 2010 。 

总 之 ,让 读者 循序 渐进 地 掌握 ASP. NET 这 个 强大 的 开发 工具 ,是 编写 本 书 的 目的 。 
本 书 主要 作为 高 等 院 校本 ,专科 计算 机 专业 或 非 计算 机 相关 专业 的 教材 或 参考 书 ,面向 学 习 
ASP. NET 技术 的 初中 级 读者 ,也 适合 于 广大 初 、 中 级 网 站 开发 者 或 动态 网 页 的 设计 者 。 

本 书 共 11 章 , 分 为 三 大 部 分 : 第 一 部 分 基础 篇 ,包括 ASP. NET 基础 .HTML 简介 及 
使 用 技巧 .C# 语言 基础 和 ASP. NET 常用 对 象 ; 第 二 部 分 核心 篇 ,包括 ASP. NET 控件 、 
SQL Server 2008 数据 库 管 理 .ADO. NET 数据 库 编 程 数据 绑 定 .ASP. NET AJAX 基础 以 
及 LINQ 技术 ;第 三 部 分 实战 篇 ,涉及 具体 的 应 用 程序 设计 实例 ,包括 新 闻 发 布 系统 和 注册 
及 登录 验证 模块 设计 。 

书 中 第 1.5 章 由 青海 广播 电视 大 学 开放 教育 学 院 赵 颖 编写 ,第 2、3、4 章 由 深圳 市 中 医 
院 ( 广 州 中 医药 大 学 深圳 临床 医学 院 ) 计 算 机 中 心 刘 萍 编写 ,第 7.10、11 章 由 青海 民族 大 学 
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计算 机 学 院 谢 县 县 编写 ,第 6、8 章 由 青海 广播 电视 大 学 教育 技术 中 心 李 学 峰 编写 ,第 9 章 由 
青海 民族 大 学 计算 机 学 院 潘 春 花 编 写 。 

鉴于 编者 水 平 所 限 , 书 中 丝 漏 和 考虑 不 周 之 处 在 所 难免 ,恳请 专家 和 广大 读者 不 音 赐 
教 ,批评 指正 。 
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第 1 章 ASP. NET 基础 


本 章 学 习 目 标 

。 理解 C/S 与 B/S 架构 体系 以 及 静态 网 页 与 动态 网 页 的 区 别 。 
。 理解 . NET Framework 的 基础 。 

。 熟练 掌握 ASP. NET 环境 搭建 使 用 方法 。 

。 热 练 掌握 ASP. NET 网 页 语法 。 

。 掌握 如 何 搭建 一 个 ASP. NET 网 站 。 


通过 本 章 的 学 习 读 者 将 掌握 如 何 创 建 ASP. NET 4.0 网 站 并 配置 Web. config 文件 , 搭 
建 网 站 文件 结构 ,本章 还 将 学 习 SQL Server 2008 的 安装 和 基本 操作 。 


1.1 C/S 与 B/S 架构 体系 


架构 的 思想 萌芽 自 1968 年 Dijkstra 的 工作 。 架 构 设 计 出 现 的 背景 是 需要 进行 超越 算 
法 和 数据 结构 一 级 的 设计 ,以 适应 软件 规模 和 复杂 性 的 增长 。C/S 和 B/S 是 当今 世界 开发 
模式 技术 架构 的 两 大 主流 技术 ,C/S 是 美国 Borland 公司 最 早 研发 的 .基于 客户 /服务 器 的 
模式 ;B/S 是 美国 微软 公司 研发 的 、 基 于 浏览 /服务 器 的 模式 。 目 前 开发 出 的 很 多 产品 都 是 
基于 C/S 或 B/S 技术 的 。 


1.1.1 C/S 架构 


1. 什么 是 C/S 架构 

C/S 架构 是 一 种 典型 的 两 层 架 构 , 全 称 是 Client/Server, 即 客户 /服务 器 架构 ,其 客户 端 
包含 一 个 或 多 个 在 用 户 的 计算 机 上 运行 的 程序 ;而 服务 器 端 有 两 种 ,一 种 是 数据 库 服务 器 
端 ,客户 端 通过 数据 库 连 接 访问 服务 器 端的 数据 ; 另 一 种 是 Socket 服务 器 端 ,服务 器 端的 程 
序 通过 Socket 与 客户 端的 程序 通信 。 

C/S 架构 也 可 以 看 作 是 胖 客户 端 架 构 ,因为 客户 端 需要 实现 绝 大 多 数 的 业务 逻辑 和 界 
面 展示 。 在 这 种 架构 中 ,作为 客户 端的 部 分 需要 承受 很 大 的 压力 ,因为 显示 逻辑 和 事务 处 理 
都 包含 在 其 中 ,通过 与 数据 库 的 交互 (通常 是 SQL 或 存储 过 程 的 实现 ) 来 达到 持久 化 数据 ， 
以 此 满足 实际 项 目的 需要 。 

2. C/S 架构 的 优 缺 点 

优点 : 

(1) C/S 架构 的 界面 和 操作 很 丰富 。 

(2) 安全 性 能 很 容易 保证 ,容易 实现 多 层 认 证 。 

(3) 由 于 只 有 一 层 交 互 , 因 此 响应 速度 较 快 。 

缺点 : 

(1) 适用 面 窗 , 通 常用 于 局 域 网 中 。 
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(2) 用 户 群 固定 。 由 于 程序 需要 安装 才 可 使 用 ,因此 不 适合 面向 一 些 不 可 知 的 用 户 。 
(3) 维护 成 本 高 ,发 生 一 次 升级 , 则 所 有 客户 端的 程序 都 需要 改变 。 


1.1.2 B/S 架构 


1. 什么 是 B/S 架构 

B/S 架构 的 全 称 为 Browser/Server, 即 浏览 /服务 器 架构 。Browser 指 的 是 Web 浏览 
器 , 极 少数 事务 逻辑 在 前 端 实现 ,但 主要 事务 逻辑 在 服务 器 端 实现 , Browser 客户 端 , Web 
App 服务 器 端 和 DB( 数 据 库 ) 端 构成 所 谓 的 三 层 架构 。B/S 架构 的 系统 无 须 特别 安装 ,只 
有 Web 浏览 器 即 可 。 

B/S 架构 中 ,显示 逻辑 交 给 了 Web 浏览 器 ,事务 处 理 逻 辑 则 放 在 Web App 上 ,这 样 就 
避免 了 庞大 的 胖 客户 端 ,减少 了 客户 端的 压力 。 因 为 客户 端 包含 的 逻辑 很 少 , 因 此 也 被 称 为 
瘦 客 户 端 。 

2. B/S 架构 的 优 缺 点 

优点 : 

(1) 客户 端 无 须 安 装 , 有 Web 浏览 器 即 可 。 

(2) B/S 架构 可 以 直接 放 在 广域网 上 ,通过 一 定 的 权限 控制 实现 多 客户 访问 的 目的 , 交 


互 性 较 强 。 
(3) B/S 架构 无 须 升 级 多 个 客户 端 ,升级 服务 器 即 可 。 
缺点 : 


(1) 在 跨 浏览 器 上 ,B/S 架构 不 尽 如 人 意 。 
(2) 表现 要 达到 C/S 程序 的 程度 需要 花费 不 少 精力 。 
(3) 在 速度 和 安全 性 上 需要 花费 巨大 的 设计 成 本 ,这 是 B/S 架构 的 最 大 问题 。 


1.1.3 C/S 与 B/S 的 区 别 


1. 硬件 环境 不 同 

C/S 一般 建立 在 专用 网 络 上 ,小 范围 网 络 环境 ,局 域 网 之 间 再 通过 专门 服务 器 提供 连接 
和 数据 交换 服务 ;B/S 建立 在 广域网 之 上 .不必 是 专门 的 网 络 硬件 环境 ,例如 ,电话 上 网 , 租 
日 设备 ,信息 可 以 自己 管理 ,有 着 比 C/S 更 强 的 适应 范围 ,一 般 只 要 有 操作 系统 和 浏览 器 
就 行 。 

2. 安全 要 求 不 同 

C/S 一 般 面向 相对 固定 的 用 户 群 ,对 信息 安全 的 控制 能 力 很 强 ,一 般 高 度 机 密 的 信息 系 
统 采用 C/S 结构 较为 适宜 ,而 仅 通 过 B/S 发 布 部 分 可 公开 信息 ;B/S 建立 在 广域网 之 上 ,对 
安全 的 控制 能 力 相 对 较 弱 ,面向 的 是 不 可 知 的 用 户 群 。 

3. 程序 架构 不 同 

C/S 程序 更 加 注重 流程 ,可 以 对 权限 多 层次 校 验 , 对 系统 运行 速度 可 以 较 少 考虑 。B/S 
对 安全 以 及 访问 速度 的 多 重 考虑 ,建立 在 需要 更 加 优化 的 基础 之 上 , 比 C/S 有 更 高 的 要 求 。 
B/S 结构 的 程序 架构 是 发 展 趋势 .从 Microsoft 的 .NET 系列 的 BizTalk、Exchange 等 ,全 面 
支持 网 络 的 构件 搭建 的 系统 。Sun 和 IBM 推出 的 JavaBean 构件 技术 等 ,使 B/S 更 加 成 熟 。 
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4. 软件 重用 不 同 

C/S 程序 可 以 整体 性 考虑 ,构件 的 重用 性 达 不 到 B/S 结构 的 要 求 ;B/S 对 多 重 结构 要 
求 构 件 具 有 相对 独立 的 功能 ,能 够 相对 较 好 地 重用 这 些 构件 。 

5. 系统 维护 不 同 

C/S 程序 由 于 整体 性 要 求 ,必须 整体 考察 以 处 理 出 现 的 问题 和 系统 升级 ,升级 较 难 ,有 
可 能 需要 再 做 一 个 全 新 的 系统 ;B/S 构件 的 组 成 方便 了 构件 个 别 更 换 , 可 以 实现 系统 的 无 颖 
升级 ,使 系统 维护 开销 减 到 最 小 ,用 户 从 网 上 自己 下 载 安装 就 可 以 实现 升级 。 

6. 处 理 问题 不 同 

C/S 程序 处 理 用 户 界 面 是 固定 的 ,在 相同 区 域 安全 要 求 高 ,需求 与 操作 系统 相关 ,都 是 
相同 的 系统 ;B/S 建立 在 广域网 上 ,面向 不 同 的 用 户 群 ,地 域 分 散 , 与 操作 系统 关系 最 小 。 

7. 用 户 接口 不 同 

C/S 多 是 建立 在 Windows 平台 上 ,表现 方法 有 限 ,对 程序 员 普 遍 要 求 较 高 ;B/S 建立 在 
浏览 器 上 ,有 更 加 丰富 和 生动 的 表现 方式 与 用 户 交 流 , 并 且 开 发 成 本 较 低 。 


1.2 静态 网 页 与 动态 网 页 


1.2.1 静态 网 页 技术 


网 页 一 般 分 为 静态 网 页 和 动态 网 页 两 大 类 ,相应 的 网 页 开发 技术 也 就 分 为 静态 网 页 技 
术 和 动态 网 页 技术 。 

静态 网 页 是 指 用 纯 HTML 代码 编写 的 网 页 ,并 保存 为 . html 或 . htm 的 文件 形式 。 这 
种 用 纯 HTML 代码 编写 的 网 页 在 制作 完成 后 ,任何 人 在 任何 时 候 采 用 任何 方式 浏览 该 页 
面 ,所 看 到 的 浏览 结果 都 是 相同 的 。 因 此 ,这 种 网 页 的 内 容 更 新 较为 烦琐 ,必须 是 设计 制作 
好 之 后 用 专门 的 软件 上 传 到 服务 器 上 才能 更 新 。 例 如 ,网 站 的 栏目 有 些 是 长 时 间 不 变 的 , 像 
这 样 的 页 面 宜 采 用 静态 网 页 来 实现 , 且 浏览 的 速度 比较 快 。 静 态 网 页 适合 于 一 些 产品 规格 
恒定 ,不 轻易 变更 的 小 规模 公司 ,其 作用 主要 是 用 于 配合 传统 媒体 做 广告 宣传 ,适用 于 一 般 
更 新 较 少 的 展示 型 网 站 。 

在 HTML 格式 的 网 页 上 ,也 可 以 出 现 各 种 动态 的 效果 ,如 . GIF 格式 的 动画 、Flash、 深 
动 字幕 等 ,这 些 “ 动 态 效果 ”只 是 视觉 上 的 ,与 下 面 将 要 介绍 的 动态 网 页 是 不 同 的 概念 。 


1.2.2 动态 网 页 技术 


所 谓 动态 网 页 ,就 是 根据 用 户 的 请 求 , 由 服务 器 动态 生成 的 网 页 ,用户 在 发 出 请 求 后 ,从 
服务 器 上 获得 生成 的 动态 结果 ,并 以 网 页 的 形式 显示 在 浏览 器 中 。 在 浏览 器 发 出 请 求 指令 
之 前 ,网 页 中 的 内 容 其 实 并 不 存在 ,这 就 是 其 动态 名 称 的 由 来 。 换 名 话说 ,浏览 器 中 看 到 的 
网 页 代码 原先 并 不 存在 ,而 是 由 服务 器 生成 的 ,根据 不 同 用 户 的 不 同 要 求 ,服务 器 返回 的 页 
面 可 能 并 不 一 致 。 

比如 ,在 Google 上 搜索 信息 时 ,得 到 一 个 搜索 结果 的 页 面 ,该 页 面 的 内 容 是 经 过 整合 后 
变 成 静态 网 页 返回 ,而 且 是 动态 生成 的 。 

动态 网 页 的 网 页 文件 里 包含 程序 代码 ,通过 后 台数 据 库 与 Web 服务 器 的 信息 交互 ,由 
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后 台数 据 库 提 供 实 时 数据 更 新 和 数据 查询 服务 。 这 种 网 页 的 后 缀 名 称 一 般 根据 不 同 的 程序 
设计 语言 不 同 , 如 常见 的 有 . ASP、. JSP、. PHP、. PERL、. CGI 等 形式 为 后 级 。 动 态 网 页 能 
够 根据 不 同时 间 和 不 同 访问 者 而 显示 不 同 的 内 容 。 常 见 的 有 BBS、 留言 板 . 论 坛 、. 聊 天 室 、 计 
数 器 ,校友 录 和 购物 系统 等 通常 用 动态 网 页 实现 。 动态 网 页 的 制作 比较 复杂 ,需要 用 到 
ASP、PHP.ISP 和 ASP. NET 等 专门 的 动态 网 页 设计 语言 。 


1.2.3 静态 网 页 和 动态 网 页 的 特点 比较 


静态 网 页 和 动态 网 页 各 有 特点 ,网 站 采用 动态 网 页 还 是 静态 网 页 主要 取决 于 网 站 的 功 
能 需求 和 网 站 内 容 的 多 少 ,如 果 网 站 功能 比较 简单 ,内 容 更 新 量 不 是 很 大 ,采用 纯 静 态 网 页 
的 方式 会 更 简单 ,反之 ,一 般 要 采用 动态 网 页 技术 来 实现 。 

静态 网 页 是 网 站 建设 的 基础 ,静态 网 页 和 动态 网 页 之 间 也 并 不 矛盾 ,为 了 让 网 站 适应 搜 
索引 擎 检索 的 需要 ,即使 采用 动态 网 站 技术 ,也 可 以 将 网 页 内 容 转 化 为 静态 网 页 发 布 。 

动态 网 站 也 可 以 采用 动静 结合 的 原则 ,适合 采用 动态 网 页 的 地 方 用 动态 网 页 ,如 果 有 必 
要 使 用 静态 网 页 , 则 可 以 考虑 用 静态 网 页 的 方法 来 实现 。 在 同一 个 网 站 上 ,动态 网 页 内 容 和 
静态 网 页 内 容 同 时 存在 也 是 很 常见 的 。 

1. 静态 网 页 的 特点 

(1) 静态 网 页 每 个 网 页 都 有 一 个 固定 的 URL, 且 网 页 URL 以 . HTM.. HTML、 
.SHTML 等 常见 形式 为 后 级 。 

(2) 网 页 内 容 一 经 发 布 到 网 站 服务 器 上 ,无 论 是 否 有 用 户 访 问 ,每 个 静态 网 页 的 内 容 都 
是 保存 在 网 站 服务 器 上 的 ,也 就 是 说 ,静态 网 页 是 实 实在 在 保存 在 服务 器 上 的 文件 ,每 个 网 
页 都 是 一 个 独立 的 文件 。 

(3) 静态 网 页 的 内 容 相 对 稳定 ,因此 容易 被 搜索 引擎 检索 。 

(4) 静态 网 页 的 交互 性 较 差 ,在 功能 方面 有 较 大 的 限制 。 

(5) 静态 网 页 没有 数据 库 的 支持 ,在 网 站 制作 和 维护 方面 工作 量 较 大 ,因此 , 当 网 站 信 
息 量 很 大 时 完全 依靠 静态 网 页 制作 方式 比较 困难 。 

2. 动态 网 页 的 特点 

(1) 动态 网 页 以 数据 库 技术 为 基础 ,可 以 大 大 降低 网 站 维护 的 工作 量 。 

(2) 采用 动态 网 页 技术 的 网 站 可 以 实现 更 多 的 功能 ,如 用 户 注册 ,用户 登 录 、 在 线 调查 、 
用 户 管理 .订单 管理 等 。 

(3) 动态 网 页 实际 上 并 不 是 独立 存在 于 服务 器 上 的 网 页 文件 ,只 有 当 用 户 请 求 时 服务 
器 才 返 回 一 个 完整 的 网 页 。 


1.2.4 动态 网 页 的 发 展 阶段 


与 静态 网 页 相 比 ,动态 网 页 的 处 理 上 多 了 一 个 处 理 代 码 的 过 程 。 用 什么 方式 来 处 理 代 
码 , 在 不 同 的 历史 时 期 采用 了 不 同 的 技术 ,大 体 上 可 以 划分 为 以 下 三 个 阶段 。 

1. CGI 阶段 

CGI 是 英文 Common Gateway Interface 的 缩写 ,代表 服务 器 端的 一 种 通用 (标准 ) 接 
口 。 每 当 服务 器 接 到 客户 更 新 数据 的 要 求 以 后 ,利用 这 个 接口 去 启动 外 部 应 用 程序 来 完成 
各 类 计算 、 处 理 或 访问 数据 库 的 工作 ,处 理 完 后 将 结果 返回 Web 服务 器 ,再 返回 浏览 器 。 外 
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部 应 用 程序 是 用 C、.C++ 、Perl、Pascal、Java 或 其 他 语言 编写 的 程序 ,程序 运行 在 独立 的 地 址 
空间 中 。 随 着 ISAPI( 用 于 Internet Explorer 浏览 器 ) 和 NSAPI( 用 于 Netscape 浏览 器 ) 技 
术 的 出 现 , 外 部 应 用 程序 改 用 动态 链接 库 (DLL) .被 载 人 Web 服务 器 的 地 址 空间 运行 ,并 且 
“线程 "代替 “进程 ”, 因 而 显著 地 提高 了 运行 效率 。 但 不 论 是 CGI 还 是 ISAPI 或 NSAPIL， 
都 需要 编写 外 部 应 用 程序 ,而 编写 外 部 应 用 程序 并 不 是 一 件 容 易 的 事情 。 从 开发 人 员 的 角 
度 讲 , 这 种 开发 方式 并 没有 带 来 开发 上 的 方便 。 

2. 脚本 语言 阶段 

该 阶段 出 现 了 许多 优秀 的 脚本 语言 ,如 ASP.PHP、JSP 等 。 脚 本 语言 的 出 现 大 大 简化 
了 动态 网 站 开发 的 难度 ,特别 是 ASP 和 PHP 学 习 简 单 .功能 强大 ,成 为 许多 网 站 开发 者 的 
首选 。 

JSP 与 ASP 的 程序 结构 非常 相似 ,其 主要 特点 是 在 传统 的 HTML 网 页 文件 中 加 入 
Java 程序 片段 (Scriptlet) 和 使 用 各 种 JSP 标志 (Tag) ,构成 JSP 网 页 。Web 服务 器 在 接收 
客户 的 访问 要 求 时 ,首先 执行 其 中 的 程序 片段 ,并 将 执行 结果 以 HTML 格式 返回 给 客户 。 

3. 组 件 技术 阶段 

ASP. NET 和 Java(J2EE) 技 术 是 这 个 阶段 的 代表 。 这 是 一 个 由 类 和 对 象 (组 件 ) 组 成 
的 完全 面向 对 象 的 系统 ,采用 编译 方法 和 事件 驱动 方式 运行 。 系 统 具 有 高 效 、 高 可 靠 、 高 可 
扩展 的 特点 。 


1.3 .NET Framework 基础 


1.3.1 .NET Framework 概述 


1. 什么 是 . NET Framework 

.NET Framework 又 称 . NET 框架 ,是 由 微软 开发 的 一 个 致力 于 敏捷 软件 开发 (Agile 
Software Development) ,快速 应 用 开发 (Rapid Application Development) ,平台 无 关 性 和 网 
络 透 明 化 的 软件 开发 平台 。 微 软 公司 从 发 布 第 一 个 . NET Framework 以 来 ,已 经 发 布 了 
1.0 版 .1.1 版 ,2.0 版 ,3.0 版 ,3.5 版 ,4.0 版 .4.5 版。 目前 稳定 版 本 为 4.0 版 .. NET 
Framework 4.5 是 一 个 针对 . NET Framework 4 的 高 度 兼 容 的 就 地 更 新 。 该 版 本 不 支持 
Windows 2000、Windows XP。 

.NET Framework 4.5 发 行 于 2012 年 8 月 16 日 .是 支持 生成 和 运行 下 一 代 应 用 程序 
和 Web 服务 的 内 部 Windows 组 件 .. NET Framework 的 关键 组 件 为 公共 语言 运行 时 
(Common Language Runtime, CLR) 和 . NET Framework 类 库 ( 包 括 ADO. NET、ASP 
. NET、Windows 窗 体 和 Windows Presentation Foundation(WPF) 和 Windows Workflow 
Foundation(WF))。. NET Framework 提供 了 托管 执行 环境 .简化 的 开发 和 部 署 以 及 与 各 
种 编程 语言 的 集成 。 

现在 的 计算 机 编程 语言 的 执行 方式 分 为 两 种 ,一 种 是 编译 执行 ,一 种 是 解释 执行 。 编 译 
执行 是 指 源 程 序 代码 先 由 编译 器 编译 成 可 执行 的 机 器 码 ,然后 再 执行 ;解释 执行 是 指 源 代码 
程序 被 解释 器 直接 读 取 执行 。 

.NET Framework 是 一 套 语 言 独立 的 应 用 程序 开发 框架 ,是 用 于 代码 编译 和 执行 的 集 
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成 托管 环境 ,以 编译 的 方式 执行 .. NET Framework 作为 开发 应 用 程序 的 一 个 框架 , 它 对 操 
作 系 统 进行 封装 ,使 用 . NET Framework 开发 的 应 用 程序 与 操作 系统 特性 隔离 开 来 ,这 
样 ,. NET Framework 开发 的 应 用 程序 就 可 以 移植 到 许多 不 同 的 硬件 和 操作 系统 上 .. NET 
Framework 管理 应 用 程序 的 方方面面 ,包括 程序 首次 运行 的 编译 ,为 程序 分 配 内 存 以 存储 
数据 和 指令 、 对 应 用 程序 授予 或 拒绝 相应 的 权限 .启动 并 管理 应 用 程序 执行 ,并 且 管理 剩余 
内 存 的 再 分 配 。 

2. .NET 框架 使 用 的 语言 

.NET Framework 的 主要 特点 在 于 简化 应 用 程序 的 开发 复杂 性 ,提供 一 个 一 致 的 开发 
模型 ,开发 人 员 可 以 选择 任何 支持 . NET 的 编程 语言 来 进行 多 种 类 型 的 应 用 程序 开发 。 

在 . NET 框架 上 可 以 运行 多 种 语言 ,这 是 . NET 的 一 大 优点 。. NET 框架 中 的 程序 设计 
语言 及 公共 语言 规范 实际 上 是 一 种 语言 规范 。 由 于 . NET 框架 支持 多 种 语言 ,并 且 要 在 不 
同 语言 对 象 之 间 进 行 交互 ,因此 就 要 求 这 些 语言 必须 遵守 一 些 共 同 的 规则 。 公 共 语 言 规 范 
(Common Language Specification,CLS) 就 定义 了 这 些 语言 的 共同 规范 , 它 包 括 数据 类 型 、 
语言 构造 等 ,同时 CLS 又 被 设计 得 足够 的 小 。 

凡是 符合 CLS 的 语言 都 可 以 在 . NET 框架 上 运行 。 目 前 已 经 有 C#.NET、VB. NET、 
C+t+., NET、J#.NET、JScript. NET 等 。 预 计 还 将 有 二 十 多 种 语言 可 以 运行 在 . NET 框架 
中 。 目 前 ,有 些 公司 还 在 创建 符合 CLS 的 自己 的 语言 。 

JavaScript 是 各 类 浏览 器 采用 的 通用 语言 。 传 统 的 JavaScript 是 一 种 基于 面向 对 象 的 
脚本 语言 ,现在 ASP. NET 中 采用 的 JScript . NET 与 JavaScript 语言 完全 兼容 ,但 已 将 它 
改造 成 为 一 种 完全 面向 对 象 的 语言 ,不 仅 给 语言 增添 了 很 多 新 功能 ,还 得 到 . NET 框架 的 完 
全 支持 。 

由 于 多 种 语言 都 运行 在 . NET 框架 之 中 ,因此 它们 功能 都 基本 相同 ,只 是 语法 有 区 别 。 
程序 开发 者 可 以 选择 自己 习惯 或 爱好 的 语言 进行 开发 。VB. NET 和 VC. NET 与 原来 的 
VB、VC 相 比 已 经 有 很 多 地 方 不 兼容 。VB. NET 和 VB 相 比 变化 更 大 ,VB. NET 是 一 种 完 
全 面向 对 象 的 语言 (而 VB 只 是 基于 面向 对 象 的 语言 )。Visual J# 是 . NET 框架 1. 1 版 本 
以 后 才 增 加 进来 的 语言 , 供 原来 使 用 Java 语言 的 程序 员 转 向 使 用 . NET 框架 的 应 用 程序 时 
使 用 。 

Visual C# 是 为 . NET 框架 “量体裁衣 ”开发 出 来 的 语言 ,非常 简练 和 安全 ,最 适合 于 
在 . NET 框架 中 使 用 。 

.NET Framework 有 两 个 主要 组 件 : 公共 语言 运行 库 (Common Language Runtime， 
CLR) 和 . NET Framework 类 库 。 


1.3.2 公共 语言 运行 库 


公共 语言 运行 库 是 . NET Framework 的 基础 ,可 视 为 管理 代码 执行 的 环境 。 它 介 于 操 
作 系 统 和 应 用 程序 之 间 ,提供 了 代码 编译 、 内 存 分 配 、 线 程 管理 以 及 垃圾 回收 之 类 的 核心 服 
务 。 它 还 强制 实施 了 严格 的 类 型 安全 检查 ,并 通过 强制 实施 代码 访问 安全 来 确保 代码 在 安 
全 的 环境 中 执行 。 事 实 上 ,代码 管理 的 概念 是 运行 库 的 基本 原则 。 通 常 在 CLR 中 运行 的 代 
码 称 为 托管 代码 (Managed Code) 。 

可 以 将 公共 语言 运行 库 比 喻 为 人 类 生存 的 地 球 , 它 提供 能 源 、 水 、 自 然 资 源 等 ,生活 在 地 
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球 上 的 人 们 则 可 以 比喻 为 托管 代码 。 
1.3.3 .NET Framework 类 库 


类 库 (Class Library) 是 程序 员 用 来 实现 各 种 功能 的 类 的 集合 。Visual C++ 的 类 库 为 
MFC;Delphi 的 类 库 为 VCL;Java 的 类 库 为 Swing、AWT 等 。 这 些 类 库 封装 了 系统 底层 的 
功能 并 提供 更 好 的 操作 方式 。. NET Framework 具有 一 套 与 公共 语言 运行 库 紧 密集 成 的 类 
库 ,该 类 库 是 一 个 综合 性 的 面向 对 象 的 可 重用 类 型 集合 ,封装 了 对 Windows、 网 络 文件 、 多 
媒体 的 处 理 功 能 ,是 所 有 . NET Framework 语言 都 必须 使 用 的 核心 类 库 。 并 且 , 为 了 便于 
语言 之 间 进 行 交互 操作 ,. NET Framework 类 库 中 的 类 型 都 是 符合 公共 类 型 系统 的 。 使 用 
类 库 可 以 创建 多 种 类 型 的 应 用 程序 , 极 大 简化 开发 人 员 的 学 习 曲 线 ,提高 软件 开发 生产 力 。 

使 用 . NET Framework 类 库 能 够 完成 一 系列 常见 编程 任务 (包括 诸如 字符 串 管理 、 数 
据 收 集 ,数据库 连 接 以 及 文件 访问 等 任务 ) 。 除 这 些 常 规 任务 之 外 ,类 库 还 包括 支持 多 种 专 
用 开发 方案 的 类 型 。 例 如 ,可 使 用 . NET Framework 开发 下 列 类 型 的 应 用 程序 和 服务 。 

(1) 控制 台 应 用 程序 。 

(2) Windows GUI 应 用 程序 (Windows 窗 体 ) 。 

(3) Windows Presentation Foundation(WPF) 应 用 程序 。 

(4) ASP. NET 应 用 程序 。 

(5) Web 服务 。 

(6) Windows 服务 。 

(7) 使 用 Windows Communication Foundation(WCF) 的 面向 服务 的 应 用 程序 。 

(8) 使 用 Windows Workflow Foundation(WWF) 的 启用 工作 流程 的 应 用 程序 。 

例如 ,Windows 窗 体 类 是 一 组 综合 性 的 可 重用 的 类 型 ,它们 简化 了 Windows GUI 的 开 
发 。 如 果 要 编写 ASP. NET Web 窗 体 应 用 程序 ,可 使 用 Web 窗 体 类 。 


1.3.4 .NET Framework 的 功能 


微软 不 断 地 升级 和 更 新 . NET Framework, 使 其 具有 更 强大 的 功能 ,并 极 大 地 减少 了 在 
开发 过 程 中 的 复杂 性 .. NET Framework 4. 5 以 . NET Framework 2. 0 和 . NET 
Framework 3. 0 为 基础 ,它们 都 使 用 相同 的 公共 语言 运行 库 。 

.NET Framework 2.0 改进 了 . NET Framework 1. 1 中 的 许多 不 足 , 并 增加 了 如 泛 型 、 
可 控 类 型 .匿名 方法 等 新 特性 .. NET Framework 3.0 则 以 . NET Framework 2.0 为 基础 ， 
增加 了 以 下 三 种 全 新 的 技术 。 

(1) Windows Presentation Foundation(WPF) ,Windows 表现 层 技术 。 

(2) Windows Communications Foundation(WCF) ,Windows 通信 和 层 技术 。 

(3) Windows Workflow Foundation(WWF) ,Windows 工作 流 开发 技术 。 

.NET Framework 4.0 则 以 .NET Framework 3.0 为 基础 ,增加 了 对 ASP.NET AJAX 
的 直接 支持 ,完善 了 语言 集成 查询 (LINQ) 技 术 以 及 一 些 附 加 的 类 库 。 

.NET Framework 4. 5 中 的 新 增 功能 如 下 。 

(1) 能 够 在 部 署 期 间 通过 检测 并 关闭 . NET Framework 4 应 用 程序 来 减少 系统 

(2) 在 64 位 平台 下 支持 大 于 2GB 的 数组 ,此 功能 可 在 应 用 程序 配置 文件 中 启用 。 


启 。 
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(3) 通过 服务 器 后 台 垃 圾 回收 提高 性 能 。 当 在 . NET Framework 4. 5 中 使 用 服务 器 垃 
圾 回收 时 ,后 台 垃 圾 回收 自动 启用 。 

(4) 后 台 实 时 (Just In Time,JIT) 编 译 ,可 在 多 核 处 理 器 上 使 用 此 功能 改进 应 用 程序 
性 能 。 

(5) 可 以 限制 正则 表达 式 引 擎 在 超时 之 前 持续 尝试 解析 正则 表达 式 的 时 间 。 

(6) 定义 应 用 程序 域 的 默认 区 域 性 的 能 力 。 

(7) Unicode(UTF-16) 编 码 的 控制 台 支 持 。 

(8) 支持 对 区 域 性 字符 串 排序 和 比较 数据 进行 版 本 控制 。 

(9) 在 检索 资源 时 的 更 佳 性 能 。 

(10) Zip 压缩 改进 ,可 减少 压缩 文件 的 大 小 。 

(11) 支持 应 用 程序 的 国际 域名 (IDNA) 标 准 的 2008 版 。 

(12) 可 以 在 Windows 8 使 用 . NET Framework 时 ,将 字符 串 比较 委托 给 操作 系统 (这 
将 实现 Unicode 6.0)。 在 其 他 平台 上 运行 时 ,. NET Framework 包括 其 自己 的 字符 串 比 较 
数据 ,这 将 实现 Unicode 5. X。 能 够 为 每 个 应 用 程序 域 计算 字符 串 的 哈 希 代码 。 

(13) 类 型 反射 支持 Type 和 TypeInfo 类 之 间 的 拆 分 。 

这 些 框架 通常 由 安装 程序 自动 安装 ,如 安装 Visual Studio 2005 时 自动 安装 框架 . NET 
Framework 2.0; 安 装 Visual Studio 2010 时 自动 安装 框架 . NET Framework 4.0。 


1.4 ASP. NET 环境 搭建 


建立 丰富 的 Web 信息 系统 ,除了 需要 设计 网 页 .建立 Web 服务 器 外 ,更 需要 开发 功能 
强大 的 Web 服务 端 应 用 程序 ,特别 是 基于 数据 库 的 Web 应 用 程序 。ASP. NET 是 由 微软 
公司 推出 的 用 于 Web 应 用 开发 的 全 新 . NET 框架 , 即 . NET Framework 的 组 成 部 分 , 它 从 
现 有 的 ASP 结构 体系 上 跨 出 了 一 大 步 , 包 含 许 多 新 的 特性 ,是 为 了 建立 动态 Web 应 用 而 设 
计 的 新 技术 。 

本 节 主 要 介绍 如 何 搭建 开发 ASP. NET 4. 0 Web 应 用 程序 的 各 种 环境 ,包括 安装 
Microsoft Visual Studio 2010 ,安装 Microsoft SQL Server 2008 ,配置 集成 开发 环境 ,导入 和 
导出 Visual Studio 2010 的 设置 ,安装 和 配置 IIS 等 。 只 有 搭建 好 开发 环境 ,才能 为 后 面 的 
学 习 铺 平 道路 。 


1.4.1 IIS 的 安装 与 配置 


1. IIS 简介 

IIS(Inter-IC Sound bus) 又 称 I2S, 是 菲 利 浦 公司 提出 的 串 行 数字 音频 总 线 协 议 。 目 前 
很 多 音频 芯片 和 MCU 都 提供 了 对 IIS 的 支持 。IIS 总 线 只 处 理 声 音 数据 。 其 他 信号 (如 控 
制 信号 ) 必 须 单独 传输 。 为 了 使 芯片 的 引出 管 脚 尽 可 能 少 ,IIS 只 使 用 了 三 根 串 行 总 线 。 这 
三 根 线 分 别 是 : 提供 分 时 复 用 功能 的 数据 线 、. 字 段 选择 线 ( 声 道 选择 ) 时钟 信号 线 。 

IIS 是 Internet Information Services 的 缩写 .是 一 个 World Wide Web Server。Gopher 
Server 和 FTP Server 全 部 包容 在 里 面 。IIS 意味 着 能 发 布 网 页 .并且 有 ASP(CActive Server 
Pages) 、Java、VBScript 产生 页 面 . 有 着 一 些 扩展 功能 。IIS 支持 一 些 有 趣 的 东西 , 像 有 编辑 
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环境 的 界面 (FrontPage) 、 有 全 文 检索 功能 的 (Index Server) 、 有 多 媒体 功能 的 (Net Show) 。 
其 次 ,JIS 是 随 Windows NT Server 4.0 一 起 提供 的 文件 和 应 用 程序 服务 器 ,是 在 Windows 
NT Server 上 建立 Internet 服务 器 的 基本 组 件 。 它 与 Windows NT Server 完全 集成 ,允许 
使 用 Windows NT Server 内 置 的 安全 性 以 及 NTFS 文件 系统 建立 强大 灵活 的 Internet/ 
Intranet 站 点 。IISO (Internet Information Server, 互 联网 信息 服务 ) 是 一 种 Web( 网 页 ) 服 
务 组 件 , 其 中 包括 Web 服务 器 .FTP 服务 器 NNTP 服务 器 和 SMTP 服务 器 ,分别 用 于 网 页 
浏览 文件 传输 ,新 闻 服 务 和 邮件 发 送 等 方面 , 它 使 得 在 网 络 ( 包 括 互联 网 和 局 域 网 ) 上 发 布 
信息 成 了 一 件 很 容易 的 事 。 

2. IIS 的 安装 与 配置 

(1) 进入 Windows7 的 控制 面板 ,选择 左 侧 的 打开 或 关闭 Windows 功能 ,如 图 1. 1 所 示 。 


[cr@ EE ，R 六 ，BFfDz 能 "ee BEE 
Cg 种 载 或 更 改 程序 
查看 已 安 美的 更 新 车 要 郑 副 程序 ,请 从 列表 中 检 其 迁 中 ,然后 单 主 “ 务 融 ”、 “更 改 ”或 “修复”。 
蔷 打开 或 关闭 Windows 功能 

Cd ES» © 
名 称 发 者 安装 时 间 。。 大 
局 360 安 全 济 吕 7 360 安 全 中 心 2015/6/19 四 
@360R2P+ 360 安 全 中 心 2015/6/19 
全 360 机 过 这 器 360 安 全 中 心 2015/6/29 
合 360 驱 动 大 师 360 安 全 中 心 2015/6/19 … 
鲁 2345 好 压 2345.com 2015/7/4 ~ 
圆 2345 看 图 王 2345.com 2015/6/4 - 
量 2345 王 牌 浏览 器 2345.com 2015/5/4 … 


图 1.1 安装 程序 初始 界面 


(2) 单 击 “打开 或 关闭 Windows 功能 ”, 找 到 Web 管理 工具 下 的 IIS6 勾 选 并 确定 ,如 
图 1.2 所 示 。 


打开 或 关闭 Windows 功能 

车 要 打开 一 种 功能 ， 请 选择 其 复 选 框 。 若 要 关闭 一 种 功能 ， 请 清除 其 复 选 
框 。 填 充 的 框 表 示 仅 打开 该 功能 的 一 部 分 。 

是 Internet Information Services 可 承载 的 Web 核心 

日 贺电 Internet 信息 服务 


图 1.2 安装 IIS6 界面 
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(3) 安装 完成 后 ,再 次 进入 控制 面板 ,选择 管理 工具 ,双击 “Internet 信息 服务 (IIS) 管 理 
器 "选项 ,进入 IIS 设置 ,如 图 1. 3 所 示 。 


时 7LLGz241wezMcIM 主页 
as -re -ma 


图 1.4 IIS7 中 父 路 径 启用 界面 


(5) 配置 IIS7 的 站 点 。 单 击 右边 的 “高 级 设置 ?选项 ,可 以 设置 网 站 的 目录 ,如 图 1.5 所 
示 。 
(6) 在 浏览 器 地 址 栏 中 输入 “http://localhost”, 网 页 为 Windows 7 IIS 的 首页 。 至 此 ， 


Windows 7 的 IIS7 安装 成 功 。 
1.4.2 安装 Visual Studio 2010 


1.Visual Studio2010 简介 

Visual Studio 是 微软 公司 推出 的 开发 环境 ,是 目前 最 流行 的 Windows 平台 应 用 程序 开 
发 环境 。Visual Studio 2010 版 本 于 2010 年 4 月 12 日 上 市 ,其 集成 开发 环境 (Integrated 
Development Environment,IDE) 的 界面 被 重新 设计 和 组 织 , 变 得 更 加 简单 明了 。Visual 
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图 1.5 设置 网 站 目录 界面 


Studio 2010 同时 带 来 了 . NET Framework 4. 0、Microsoft Visual Studio 2010 CTP 
(Community Technology Preview,CTP) ,并 且 支 持 开发 面向 Windows 7 的 应 用 程序 。 除 
了 Microsoft SQL Server, 它 还 支持 IBM DB2 和 Oracle 数据 库 。Visual Studio 可 以 用 来 创 
建 Windows 平台 下 的 Windows 应 用 程序 和 网 络 应 用 程序 ,也 可 以 用 来 创建 网 络 服务 .智能 
设备 应 用 程序 和 Office 插件 。 

Visual Studio 的 发 展 历程 如 下 。 

1992 年 4 月 ,微软 发 布 了 革命 性 的 操作 系统 Windows 3. 1, 把 个 人 计算 机 引进 了 真正 
的 视窗 时 代 。 微 软 在 原 有 C++ 开发 工具 Microsoft C/C++ 7.0 的 基础 上 ,开创 性 地 引进 了 
MFC(Microsoft Foundation Classes) 库 ,完善 了 源 代 码 , 成 为 Microsoft C/C++ 8.0, 也 就 是 
Visual C++ 1.0, 并 于 1992 年 发 布 。Visual C++ 1.0 是 真正 意义 上 的 Windows IDE, 这 也 
是 Visual Studio 的 最 初 原 型 。 虽 然 以 现在 的 眼光 来 看 .这 个 界面 非常 简陋 和 粗糙 ,但 是 它 
脱离 了 DOS 界面 ,让 用 户 可 以 在 图 形 化 的 界面 下 进行 开发 ,把 软件 开发 带 入 了 可 视 化 
《Visual) 开 发 的 时 代 。 从 此 ,可 视 化 的 时 代 开始 了 。 

1998 年 ,微软 公司 发 布 了 Visual Studio 6. 0, 所 有 开发 语言 的 开发 环境 版 本 均 升 至 
6.0。 这 也 是 Visual Basic 最 后 一 次 发 布 ,从 下 一 个 版 本 (7. 0) 开 始 ,Microsoft Basic 进化 成 
了 一 种 新 的 面向 对 象 的 语言 Microsoft Basic . NET。 由 于 微软 公司 对 于 Sun 公司 Java 语 
言 扩 充 导 致 与 Java 虚拟 机 不 兼容 而 被 Sun 告 上 法 庭 , 微 软 在 后 续 的 Visual Studio 中 不 再 
包括 面向 Java 虚拟 机 的 开发 环境 。 

2002 年 , 随 着 . NET 口号 的 提出 与 Windows XP/Office XP 的 发 布 ,微软 发 布 了 Visual 
Studio . NET( 内 部 版 本 号 为 7. 0)。 在 这 个 版 本 的 Visual Studio 中 ,微软 剥离 了 Visual 
FoxPro, 并 将 其 作为 一 个 单独 的 开发 环境 以 Visual FoxPro 7. 0 为 名 单独 销售 ,同时 取消 了 
Visual InterDev。 与 此 同时 ,微软 引入 了 建立 在 . NET 框架 上 (版 本 1.0) 的 托管 代码 机 制 以 
及 一 门 新 的 语言 C#( 读 作 C Sharp)。C# 是 一 门 建立 在 C++ 和 Java 基础 上 的 现代 语言 ， 
是 编写 . NET 框架 的 语言 。 

Visual Basic、Visual C++ 都 被 扩展 为 支持 托管 代码 机 制 的 开发 环境 , 目 Visual Basic 
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.NET 更 是 从 Visual Basic 脱胎 换 骨 ,彻底 支持 面向 对 象 的 编程 机 制 。 而 Visual J++ 也 变 
为 Visual J #。 后 者 仅 语法 与 Java 相同 ,但 是 面向 的 不 是 Java 虚拟 机 , 而 是 . NET 
Framework 。 

2003 年 ,微软 对 Visual Studio 2002 进行 了 部 分 修订 ,以 Visual Studio 2003 的 名 义 发 
布 (内 部 版 本 号 为 7.1)。Visio 作为 使 用 统一 建 模 语言 (Unified Modeling Language, UML) 
架构 应 用 程序 框架 的 程序 被 引入 ,同时 被 引入 的 还 包括 移动 设备 支持 和 企业 模板 。. NET 框 
架 也 升级 到 了 1. 1 。 

2005 年 ,微软 发 布 了 Visual Studio 2005.. NET 字眼 从 各 种 语言 的 名 字 中 被 抹 去 ,但 是 
这 个 版 本 的 Visual Studio 仍然 还 是 面向 . NET 框架 的 (版 本 2.0)。 它 同时 也 能 开发 跨 平台 
的 应 用 程序 ,如 开发 使 用 微软 操作 系统 的 手机 程序 等 ,总 体 来 说 是 一 个 非常 庞大 的 软件 ,其 
至 包含 代码 测试 功能 。 这 个 版 本 的 Visual Studio 包含 众多 版 本 ,分 别 面 向 不 同 的 开发 角 
色 , 同 时 还 永久 提供 免费 的 Visual Studio Express 版 本 。 

使 用 Visual Studio 2005 ,专业 开发 人 员 能 够 : 创建 满足 关键 性 要 求 的 多 层次 的 智能 客 
户 端 `、Web ,移动 或 基于 Microsoft Office 的 应 用 程序 。 

使 用 改进 后 的 可 视 化 设计 工具 、 编 程 语言 和 代码 编辑 器 ,享受 高 效率 的 开发 环境 ,在 统 
一 的 开发 环境 中 ,开发 并 调试 多 层次 的 服务 器 应 用 程序 ,使 用 集成 的 可 视 化 数据 库 设 计 和 报 
告 工 具 , 创 建 SQL Server 2005 解决 方案 ,使 用 Visual Studio SDK 创建 可 以 扩展 Visual 
Studio IDE 的 工具 。Microsoft 为 单独 工作 或 在 小 型 团队 中 的 专业 开发 人 员 提 供 了 两 种 选 
择 : Visual Studio 2005 Professional Edition 和 用 于 Microsoft Office 系统 的 Visual Studio 
2005 工具 。 每 种 版 本 都 在 标准 版 的 特性 上 进行 了 扩展 ,包括 用 于 远程 服务 程序 开发 和 调 
试 .SQL Server 2005 开发 的 工具 ,以 及 完整 的 ,没有 限制 的 开发 环境 。 每 种 产品 都 可 以 单 
独 购买 或 打包 订购 。 

专业 开发 人 员 喜 欢 自 由 地 使 用 . NET Framework 2. 0, 它 是 一 种 稳健 的 、 功 能 齐备 的 开 
发 环境 ,支持 创建 扩展 Visual Studio 集成 开发 环境 的 工具 。 

随 着 Windows Vista 和 Office 2007,Visual Studio 9 也 渐渐 浮 出 水 面 。Visual Studio 9 
目前 可 以 确定 的 是 支持 建立 于 DHTML 基础 上 的 AJAX 技术 ,这 种 微软 在 Visual InterDev 
时 代 提 出 的 基于 异步 的 客户 端 动态 网 页 技术 在 当年 并 没有 像 微 软 预 期 中 的 那样 流行 起 来 ， 
反而 随 着 GMail 等 应 用 而 东山 再 起 ,渐渐 成 为 主流 网 络 应 用 之 一 。 同 时 ,Visual Studio 9 会 
强化 对 于 数据 库 的 支持 以 及 微软 新 的 基于 工作 流 (Workflow) 的 编程 模型 。 为 了 保持 与 
Office 系列 的 统一 ,Visual Studio 9 的 名 称 为 Visual Studio 2007。 

2007 年 11 月 ,微软 发 布 了 Visual Studio 2008 英文 版 ,2008 年 2 月 14 日 发 布 了 简体 中 
文 专业 版 。 

2010 年 4 月 12 日 ,微软 发 布 Visual Studio 2010 以 及 . NET Framework 4.0, 并 于 2010 
年 5 月 26 日 发 布 了 中 文 版 。 

2. 安装 Visual Studio 2010 的 环境 要 求 

安装 Visual Studio 2010 的 计算 机 软 硬 件 的 基本 需求 如 下 。 

(1) CPU 的 主 频 至 少 在 600MHz 以 上 ,建议 使 用 1GHz 以 上 的 CPU。 

(2) 内 存 最 低 配 置 192MB ,建议 使 用 256MB 及 以 上 内 存 。 

(3) 系统 盘 至 少 1GB 空闲 空间 ,安装 盘 至 少 2GB 空闲 空间 。 
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(4) 操作 系统 的 版 本 可 以 是 Windows 7; Windows XP(x86)Service Pack 3 , 除 Starter 
Edition 之 外 的 所 有 版 ;Windows Vista(x86 和 x64)Service Pack 2, 除 Starter Edition 之 外 
的 所 有 版 本 ;Windows Server 2003(x86 和 x64)Service Pack 2, 所 有 版 本 ;Windows Server 
2008(x86 和 x64)Service Pack 2, 所 有 版 本 ;Windows Server 2008 R2(x64), 所 有 版 本 。 

3. 安装 Visual Studio 2010 

通过 不 同 的 方式 获得 Visual Studio 2010 后 ,首要 的 工作 就 是 将 其 安装 到 计算 机 中 。 现 
以 Visual Studio 2010 简体 中 文 版 为 例 介绍 其 安装 过 程 。 

(1) 将 获得 的 Visual Studio 2010 光盘 放 和 人 光盘 驱动 器 ,屏幕 上 将 会 弹出 如 图 1.6 所 示 

的 安装 程序 初始 界面 。 


CQViualstudiczmo 


和 所 需 的 组 件 * 


el 
EE eg ， 以 确保 是 crosoft Visual 


查看 自述 文件 MM) 退出 


图 1.6 安装 程序 初始 界面 


(2) 单 击 “ 安 装 Microsoft Visual Studio 2010” 链 接 ,出现 如 图 1.7 所 示 的 安装 程序 开始 
复制 安装 文件 界面 。 

(3) 复制 文件 完成 后 ,开始 加 载 安装 组 件 。 a 
出 现 如 图 1. 8 所 示 的 加 载 安装 组 件 界面 。 ER 

(4) 组 件 加 载 完 成 后 , 单 击 * 下 一 步 ?按钮 ， 
出 现 如 图 1. 9 所 示 的 安装 程序 起 始 页 。 该 窗 图 1.7 安装 程序 开始 复制 安装 文件 界面 
体 包含 最 终 用 户 许 可 协议 ,用 户 需 要 同意 其 所 
有 条 款 才能 继续 下 一 步 安 装 。 

(5) 接受 许可 协议 后 , 单 击 “ 下 一 步 ? 按 钮 ,进入 如 图 1. 10 所 示 的 安装 程序 的 选项 页 。 

此 处 出 现 的 窗 体 右 侧 中 部 可 以 修改 产品 安装 路 径 , 用 户 可 根据 右 下 方 磁盘 空间 的 提示 
选择 合适 的 安装 位 置 。 对 于 Visual Studio 2010 功能 比较 熟悉 的 用 户 可 以 在 窗 体 左 侧 选 择 
自 定义 安装 。 

(6) 单 击 “ 安 装 ” 按 钮 ,安装 程序 将 进入 一 个 比较 长 的 安装 过 程 ,并 出 现 如 图 1. 11 所 示 
的 “Visual Studio 2010 维护 模式 ”窗口 .选择 要 安装 的 功能 。 

(7) 单 击 * 下 一 步 ? 按 钮 ,出 现 如 图 1.12 所 示 的 安装 方式 窗口 , 单 击 “ 添 加 或 删除 功能 ”。 

(8) 出 现 如 图 1. 13 所 示 的 选择 要 添加 或 删除 的 组 件 界面 , 单 击 “ 更 新 ”按钮 。 
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图 1.8 加 载 安装 组 件 界面 
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图 1.9 安装 程序 起 始 页 
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图 1.10 安装 程序 的 选项 页 
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图 1. 11 “Visual Studio 2010 维护 模式 ”窗口 
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图 1.13 选择 要 添加 或 删除 的 组 件 窗口 


(9) 安装 程序 开始 更 新 Microsoft Visual Studio 2010 的 安装 。 出 现 如 图 1. 14 所 示 窗 
口 ,安装 成 功 。 
Visual Studio2010 安装 完成 后 可 以 继续 安装 MSDN。 
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icrosoft Visual Studio 2010 安装 程序 - 完成 页 ESIx 


OVisual studio 2010 旗 秽 版 安装 
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图 1.14 安装 成 功 


4. 安装 MSDN 
MSDN 的 全 称 是 Microsoft Developer Network, 是 微软 公司 面向 软件 开发 者 的 一 种 信息 服 


务 。MSDN 实际 上 是 一 个 以 Visual Studio 和 Windows 平台 为 核心 整合 的 开发 虚拟 社区 ,包括 
技术 文档 \ 在 线 电 子 教程 ,网络 虚拟 实验 室 、 微 软 产 品 下 载 等 一 系列 服务 。 在 Visual Studio 
2010 中 包括 MSDN Library 的 安装 ,其 中 包括 C# 的 帮助 文件 和 许多 与 开发 相关 的 技术 文献 。 


(1) 单 击 安装 文件 ,进入 MSDN 的 安装 界面 ,如 图 1. 15 所 示 。 


1.15 SDN 安装 初始 界面 


(2) 单 击 “下 一 步 ? 按 钮 ,进入 如 图 1. 16 所 示 的 MSDN 用 户 信 息 填 写 界 面 。 在 此 界面 


中 输入 用 户 名 和 单位 名 称 。 


(3) 单 击 “下 一 步 ? 按 钮 ,进入 如 图 1. 17 所 示 的 MSDN 选择 安装 类 型 界面 。 建 议 初 学 
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图 1.16 MSDN 用 户 信息 填写 


者 此 处 选择 完全 安装 ,熟悉 MSDN 的 用 户 可 以 选择 自 定义 安装 。 


图 1.17 MSDN 选择 安装 类 型 


(4) 单 击 “ 下 一 步 ? 按 钮 ,进入 如 图 1. 18 所 示 的 MSDN 目标 文件 夹 选择 界面 。 此 处 可 
以 更 改 MSDN 的 安装 位 置 。 由 于 完全 安装 占用 空间 比较 大 ,建议 选择 安装 到 磁盘 空间 较为 


空闲 的 分 
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区 中 。 


图 1.18 MSDN 目标 文件 夹 选择 


ASP.NET 基础 


(5) 单 击 “ 下 一 步 ? 按 钮 ,进入 如 图 1. 19 所 示 的 MSDN 准备 安装 界面 。 


“NN 


图 1.19 MSDN 准备 安装 界面 


(6) 单 击 “ 安 装 ” 按 钮 之 后 出 现 如 图 1. 20 所 示 的 安装 正在 进行 界面 。 


六 HSDN Library for Visual Studio 2005 - Chinese S$. 
正在 安装 MSDN Library for Yisual Studio 2005 - Chinese 
Simplified 


安装 向 导 正在 安装 M5DN Library for Yisual Studio 2005 - 
Chinese Simplified ,请 稍 候 。 


状态 ; 


[ii 


图 1.20 安装 正在 进行 


(7) 单 击 “ 下 一 步 ” 按 钮 ,进入 如 图 1. 21 所 示 的 MSDN 安装 完成 界面 之 后 ,证 明 安 装 结 
束 。 单 击 “ 完 成 ”按钮 即 可 。 

5. 安装 Microsoft SQL Server 2008 

SQL Server 2008 与 之 前 版 本 一 样 分 为 32 位 和 64 位 两 种 ,拥有 以 下 7 种 版 本 : 企业 版 
(Enterprise) ,标准 版 (Standard)、 工 作 组 版 (Workgroup)、 网 络 版 (Web)、 开 发 者 版 
(Developer) ,免费 精简 版 (Express) ,以 及 免费 的 集成 数据 库 SQL Server Compact 3. 5。 

SQL Server 2008 支持 Windows XP SP3、Windows Vista SP1、Windows Server 2003 
SP2、Windows Server 2008 等 操作 系统 ,需要 预 安 装 . NET Framework 2.0 和 Windows 
Installer 4. 5 等 组 件 , 根 据 用 途 不 同 可 能 还 需要 SQL Server 2000 DSO 或 客户 端 组 件 。 

SQL Server 2008 企业 版 是 一 个 全 面 的 数据 管理 和 业务 智能 平台 ,为 关键 业务 应 用 提 
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a HSDNW Library for Visual Studio 2005 - Chinese Siaplif... [区 | 


己 完 成 安装 
Moon Lbrery fer Vsual Stdo 2005 Chirwse SirpWfiod 已 吉安 


图 1.21 MSDN 安装 完成 


供 了 企业 级 的 可 扩展 性 ,数据 仓库 安全、 高 级 分 析 和 报表 支持 。 这 一 版 本 将 提供 更 加 坚固 
的 服务 器 和 执行 大 规模 在 线 事务 处 理 。 

SQL Server 2008 标准 版 是 一 个 完整 的 数据 管理 和 业务 智能 平台 ,为 部 门 级 应 用 提供 
了 最 佳 的 易 用 性 和 可 管理 特性 。 

SQL Server 2008 工作 组 版 是 一 个 值得 信赖 的 数据 管理 和 报表 平台 ,用 以 实现 安全 的 
发 布 . 远 程 同 步 和 对 运行 分 支 应 用 的 管理 能 力 。 这 一 版 本 拥有 核心 的 数据 库 特 性 ,可 以 很 容 
易 地 升级 到 标准 版 或 企业 版 。 

SQL Server 2008 Web 对 运行 于 Windows 服务 器 中 要 求 高 可 用 、 面 向 Internet 
Web 服务 的 环境 而 设计 。 这 一 版 本 为 实现 低 成 本 、 大 规模 、 高 可 用 性 的 Web 应 用 或 客户 托 
aetna ee 0 Server 2008 开发 者 版 允许 开发 人 员 构 建 和 测试 
基于 SQL Server 的 任意 类 型 应 用 。 这 一 版 本 拥有 所 有 企业 版 的 特性 ,但 只 限于 在 开发 、 测 
试 和 演示 中 使 用 。 基 于 这 一 we ww ww 

SQL Server 2008 Express 是 SQL Server 的 一 个 免费 版 本 , 它 拥有 核心 的 数据 库 功 能 ， 
其 中 包括 SQL Server 2008 中 最 新 的 数据 类 型 ,但 它 是 SQL Server 的 一 个 微型 版 本 。 这 一 
版 本 是 为 了 学 习 、 创 建 桌面 应 用 和 小 型 服务 器 应 用 而 发 布 的 ,也 可 供 ISV 再 发 行使 用 。 

需要 注意 的 是 : SQL Server 2008 企业 版 (Enterprise) 要 求 必须 安装 在 Windows Server 
2003 及 Windows Server 2008 系统 上 ,其 他 版 本 还 可 以 支持 Windows XP 系统 。 还 有 以 下 
两 点 值得 注意 。 

(1) SQL Server 2008 已 经 不 再 提供 对 Windows 2000 系列 操作 系统 的 支持 。 

(2) 64 位 的 SQL Server 程序 仅 支 持 64 位 的 操作 系统 。 当 前 操作 系统 满足 上 述 要 求 以 
后 ,下 一 步 就 需要 检查 系统 中 是 否 包 含 以 下 必 备 软件 组 件 。 

© .NET Framework 3.5 SP11; 

©@ SQL Server Native Client; 

@ SQL Server 安装 程序 支持 文件 ; 

由 SQL Server 安装 程序 要 求 使 用 Microsoft Windows Installer 4. 5 或 更 高 版 本 ; 
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@ Microsoft Internet Explorer 6 SP1 或 更 高 版 本 。 

其 中 所 有 的 SQL Server 2008 安装 都 需要 使 用 Microsoft Internet Explorer 6 SP1 或 更 
高 版 本 。 Microsoft 管理 控制 台 (MMC)、SQL Server Management Studio 、Business 
Intelligence Development Studio、Reporting Services 的 报表 设计 器 组 件 和 HTML 帮助 都 
需要 Internet Explorer 6 SP1 或 更 高 版 本 。 

在 安装 SQL Server 2008 的 过 程 中 ,Windows Installer 会 在 系统 驱动 器 中 创建 临时 文 
件 。 在 运行 安装 程序 以 安装 或 升级 SQL Server 之 前 ,请 检查 系统 驱动 器 中 是 否 有 至 少 
2.0GB 的 可 用 磁盘 空间 用 来 存储 这 些 文件 。 即 使 在 将 SQL Server 组 件 安装 到 非 默认 驱动 
器 中 时 ,此 项 要 求 也 适用 。 

下 面 介 绍 在 Windows 7 上 安装 Microsoft SQL Server 2008 Enterprise 版 本 的 具体 
步 又 。 

(1) 进入 SQL Server 安装 中 心 后 跳 过 “计划 ”内 容 ,直接 选择 界面 左 侧 列表 中 的 “ 安 
装 ”, 如 图 1. 22 所 示 , 进 入 安装 列表 选择 。 


EE ome 要 不 a 
EE 安全 文本 
所 Eu 


并 mmemm 
局 动工 具 以 习 委 下 由 丰 区 安 贸 SQL Server 的 条 性. 


时 项 昌 总 且 肥 到 鸭 


| www 
入 明生 分 折 实 引 所 有 SQL Server 2005 哆 SQL Server 2000 姐 件 ,并 在 天 妇 到 
SQL Server 2008 之 前 或 三 多 要 作 提 的 本 要 


图 es 


By Fax 
包 查看 天 各 何 从 5QL Server 2000 相 SQL Server 2005 乔 信 到 SQL Server 2008 的 六 
本 


图 1.22 安装 列表 


(2) 如 图 1. 23 所 示 ,进入 SQL Server 安装 中 心 安装 界面 后 , 右 侧 的 列表 显示 了 不 
同 的 安装 选项 。 选 择 第 一 个 安装 选项 “全 新 SQL Server 独立 安装 或 现 有 安装 添加 功能 ”。 

(3) 选择 全 新 安装 之 后 ,系统 程序 兼容 助手 再 次 提示 兼容 性 问题 ,如 图 1. 24 所 示 。 单 
击 “ 运 行程 序 ” 按 钮 继续 安装 。 

(4) 进入 “安装 程序 支持 规则 ”安装 界面 ,安装 程序 将 自动 检测 安装 环境 基本 支持 情况 ， 
需要 保证 通过 所 有 条 件 后 才能 进行 下 面 的 安装 ,如 图 1. 25 所 示 。 当 完成 所 有 检测 后 , 单 击 
“确定 ”按钮 进行 下 面 的 安装 。 

(5) 接 下 来 是 SQL Server 2008 版 本 选择 和 密 钥 填写 ,如 图 1. 26 所 示 。 

(6) 在 许可 条 款 界 面 中 ,需要 接受 Microsoft 软件 许可 条 款 才能 安装 SQL Server 2008， 
如 图 1. 27 所 示 。 

(7) 接 下 来 进行 安装 支持 检查 .如 图 1. 28 所 示 , 单 击 “ 安 装 ” 按 钮 继续 安装 。 
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人 SQL serve 数 0 安 半生 和 有 安 直 在 IC 
司 动 击 多 .以下 各 条 环 六 安装 SQL Server 2008 . 下 向 习 有 SQL Server 2008 实 
PE 


QL serve 古本 和 要 顽 要 
二 让 Si 安 妆 和 下 的 5QL Server 2008 区 于 生 各 要 
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SI Ba. Dp SQ Server 2008 HIRST 


计划 
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Serer 2000 SQ Sorer 2005 Frm 
pnp 5QL Server 2000 dSQL Server 2005 iB SQL Server 2008， 在 用 
轨 前 ,全 先 运行 和 如 名 习性 间 可 用 的 节 
DD ren 
Microsoft Update 上 的 SQL Server 2008 EW. 


图 1. 23 SQL Server 安装 中 心 一 一 安装 


此 程序 存在 已 知 的 兼容 性 问题 


用 Microsoh 网 站 上 是 否 有 可 用 的 志方 定 。 各 时 技 到 了 可 用 的 志方 宇 . Windows 交 自 动 | 
时 直列 测 了 可 条 取 的 沙 副 的 网 站 . 


程序 Microsoft SQL Server 2008 
入。 2 二 Microsoft 
位 置 jeetup exe 


SQL Server 安装 光 成 后 , 必须 机 用 SQL Server 2008 Service Pack 1 (SP1) 可 村 大 妖 相 的 Service 
Pack , 才能 在 此 版 本 的 Windows 上 运行 SQL Server 2008. 


a) RE 信息 (D) 联 要 检查 角 关 方 守 (5) | | 运行 程序 (R) 取 商 
不 柚 旦 示 此 漠 息 (D) 


图 1.24 兼容 性 问题 提示 


map sat oe emma oem. eure 


和 六 页 内 则 MN C6. 0. DEO. Ce 0. 


图 1.25 安装 程序 支持 规则 


基础 


:sy [Fm] |] 


图 1.26 产品 密 钥 


IMICROSOFT 软件 许可 条 款 


IMICROSOFT SQL SERVER 2008 ENTERPRISE EDITION 


这 下 访 可 杀 相 时 Mcroson Corporsbon (可 全 所 在 地 的 Merosoht Corporabon 处 联 公 司 ) 与 全 
之 局 过 蒜 的 协 说 请 两 次 杀 基 闪 可 这些 亲 划 通用 于 上 间 软 件 ， 划 医 多 用 来 小 谈 软 人 的 介 症 
《各 果 有 ) 这 此 入 入 他 请 用 于 Microsokt 为 六 软件 失 供 的 任何 


图 1.27 许可 条 款 


安装 程序 支持 文件 
章 才 “ 实 半 ” 以 安生 六 伯 ， 本 要 实名 更新 5QL Sorry 2008 ， 全 莹 六 人 时 人 当 ， 


SQL Serer 安 半 全 天 要 下 He- 


Ee 


图 1.28 安装 程序 支持 文件 
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(8) 如 图 1. 29 所 示 , 当 所 有 检测 都 通过 之 后 才能 继续 下 面 的 安装 。 如 果 出 现 错误 , 需 
要 更 正 所 有 失败 后 才能 安装 。 


SQL Server 安装 章 序 六 扫 文 件 打 可 能 发 生 的 后 时 。 作 要 更 正 所 有 关 效 安 美 得 池 了 版 


和 人 FE 计 蕊 已 天 芝 ; 10. 失效 0 二 秋 1 已 3R 芝 0. 


隐隐 隐 民 民 民 展 展 展 民 和 


< (FS) mn 


图 1.29 安装 程序 支持 规则 


(9) 通过 “安装 程序 支持 规则 ”检查 之 后 进入 “功能 选择 ”界面 ,如 图 1. 30 所 示 。 这 里 选 
择 需 要 安装 的 SQL Server 功能 ,以 及 安装 路 径 。 
功能 选择 
先 冶 要 实物 的 Enterprise 芒 甬 。 对 于 种 业 安 丢 .只 业 积 入 化 次 须 宪 引 草 服务 和 Analysis Services. 


图 1.30 “功能 选择 ”界面 


(10) 如 图 1. 31 所 示 , 接 下 来 是 “实例 配置 ”, 这 里 选择 默认 的 ID 和 路 径 。 
(11) 在 完成 安装 内 容 选择 之 后 会 显示 磁盘 使 用 情况 ,可 根据 磁盘 空间 自行 调整 ,如 
图 1. 32 所 示 。 
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MSSQLSERVER 


MSSQLSERVER 
Cprogram Rles Wcrosoh SQL Server\ a 


SQ serer BS Cprogram Fles\Wicroroh sQt Server WSSQLOMSSQLSERVER 
Arainis Services BR CNprogrem Fles\Microson SQL Server\MSASIOMSSQLSERVER 
Reporting Services 目 要 CAProgrem Fles\Microsroh SQL Server WSRS1O.MSSQLSERVER 


CE] 后 本 WD 


图 1.31 实例 配置 


磁盘 空间 要 求 
Seve DE 


本 从 用 不 革 要 
DW C2664 MB ,有 75283 MB 可用 
MED (CA 要 1256 MB 
共 训 安 半 目 要 (CAProgram FesVMicrorof SQL Server\: 可 要 784 MB 
实 玉 目 娄 (CAProgram Faes\Microsoh SQL Server\ 要 044 MB 


图 1.32 磁盘 空间 要 求 


(12) 如 图 1. 33 所 示 ,在 服务 器 配置 中 ,需要 为 各 种 服务 指定 合法 的 账户 。 

(13) 接 下 来 是 数据 库 登 录 时 的 身份 验证 ,这 里 需要 为 SQL Server 指定 一 位 管理 员 ,如 
图 1. 34 所 示 。 身 份 验 证 模式 选中 混合 模式 ,并 输入 密码 。 

(14) 在 报表 服务 配置 中 选择 默认 模式 ,用 户 可 根据 需求 选择 ,如 图 1. 35 所 示 。 

(15) 如 图 1. 36 所 示 ,在 “错误 和 使 用 情况 报告 ?界面 中 可 选择 是 否 将 错误 报告 发 送 给 
微软 。 

(16) 最 后 根据 功能 配置 选择 再 次 进行 环境 检查 ,如 图 1. 37 所 示 。 

(17) 当 通 过 检查 之 后 ,软件 将 会 列 出 所 有 的 配置 信息 ,最 后 一 次 确认 安装 ,如 图 1. 38 
所 示 。 单 击 “ 安 装 ” 按 钮 开始 SQL Server 安装 。 
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图 1.33 服务 器 配置 


下 


Reporting Services 匡 重 


图 1.34 数据 库 引 擎 配置 
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图 1.36 “错误 和 使 用 情况 报告 "界面 
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1.37 安装 规则 
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CProgram Fles\Microsoh SQL Serve\100\Setup Bootstrap\togv20100417_.142200VCorfgures 


is, sno | ws | mm 


图 1.38 准备 安装 


(18) 如 图 1. 39 所 示 , 当 安装 完成 之 后 ,SQL Server 列 出 各 功能 安装 状态 。 
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图 1.39 安装 进度 完成 
(19) 如 图 1. 40 所 示 , 此 时 SQL Server 2008 完成 了 安装 ,并 将 安装 日 志保 存在 了 指定 
的 路 径 下 。 
1.4.3 配置 Visual Studio 2010 开发 环境 


1. 启动 Visual Studio 2010 
在 Windows 操作 系统 中 启动 Visual Studio 2010 通过 桌面 的 “开始 ”菜单 或 桌面 上 的 快 
捷 图 标 启动 。 
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单 击 “ 开 始 ”" 菜 单 ,选择 “程序 ”> Microsoft Visual Studio 2010 一 Microsoft Visual 


Studio 2010, 便 可 启动 Visual Studio 2010。 
2. 配置 Visual Studio 2010 默认 环境 


(1) 启动 Visual Studio 2010 应 用 程序 后 ,出 现 集成 开发 环境 窗口 ,如 图 1. 41 所 示 。 
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图 1.41 Visual Studio 2010 集成 开发 环境 窗口 
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(2) Visual Studio 2010 集成 开发 环境 包括 许多 可 以 停靠 .浮动 的 窗口 ,如 在 “视图 ” 菜 
单 中 单 击 “ 服 务 器 资源 管理 器 ”, 即 可 在 窗口 中 打开 显示 服务 器 资源 (如 数据 库 ) 的 “服务 器 资 
源 管理 器 ”面板 ,如 图 1. 42 所 示 。 


[eIelb .bh 
》 出 SharePoint 连接 


i OO Visual studio 2010 km 
a 局 TLLGZ241W62MCIM 
EE 
号 连接 到 Team Foundation Server 
加 站] wma. 
的 9FPmB- 


最 近 使 用 的 项 目 


图 1.42 “服务 器 资源 管理 器 "面板 


在 “视图 "菜单 中 单 击 “ 解 决 方案 资源 管理 器 ”", 即 可 在 窗口 中 显示 文件 目录 结构 的 “解决 
方案 资源 管理 器 "面板 ,如 图 1. 43 所 示 。 


所 -| OV Visual studio 2010 


bp 昌 7LLGZ241W62MCIM 
jj 数据 连接 


Ey 


DD sa Team Foundation Server 
Wa. 
上 后 ma 


最 近 使 用 的 项 目 


图 1. 43 “解决 方案 资源 管理 器 ”面板 


(3) 选择 Visual Studio 2010 窗口 中 的 “工具 ”一 “选项 ”菜单 ,打开 “选项 ”对 话 框 ,并 选 
择 “ 环 境 ” 选 项 的 “常规 ”节点 ,如 图 1. 44 所 示 , 在 “常规 ”节点 中 ,可 以 配置 窗口 布局 ,最 近 的 


文件 等 选项 。 
单 击 “ 选 项 ”对 话 框 中 的 “项 目 和 解决 方案 ”节点 ,并 选择 “常规 ” 子 节点 ,如 图 1. 45 所 示 ， 


32 


ASP.NET 基础 


“窗口 ”菜单 中 显示 的 项 (W) 
“最 近 使 用 的 文件 ”列表 中 显示 的 项 (R) 


视觉 体验 

辐 基于 客户 读 性 能 自动 调整 视觉 体验 (A) 
思 启 用 丰富 客户 短视 党 体验 (E) 
思 如 时 可 用 . 请 使 用 硬件 图 形 加 束 (U) 


Visual Studio 当前 正在 使 用 硬件 加 速 皇 现 。 视 党 体验 设置 格 自 动 其 于 系统 功能 进行 
更 改 . 


P IntelliTrace 


图 1. 44 “选项 ”对 话 框 中 “环境 ”选项 的 “常规 ”节点 


该 节点 中 可 以 配置 项 目的 位 置 ,模板 的 位 置 ,以 及 与 解决 方案 相关 的 一 些 属性 等 。 


^ | ”项 目 位 置 (P): 
CAUsers\Administrator\Documents\Visual Studio 2010\Projects 国 


用 户 项 目 模板 位 置 (R): 
CAUsers\Administrato/\Documents\Visual Studio 2010\Templates\pro | 


用 户 项 模板 位 置 (M): 2 
CA\Users\Administrator\Documents\Visual Studio 2010\Templates\Iten | 


在 生成 开始 时 显示 输出 窗口 (D) 


图 1.45 “项 目 和 解决 方案 ”节点 中 的 “常规 * 子 节点 


(4) 选择 “文本 编辑 器 ”的 C# 子 节点 ,如 图 1.46 所 示 。 在 C# 子 节点 中 ,可 以 配置 C# 
编辑 器 的 语句 结束 的 属性 ,设置 的 属性 、 显 示 的 属性 等 。 

(5) 选择 "HTML 设计 器 ”的 “常规 ” 子 节 点 ,如 图 1. 47 所 示 。 在 该 节点 中 ,可 以 配置 
HTML 编辑 器 的 起 始 页 位 置 、 智 能 标记 等 。 

3. 导入 和 导出 Visual Studio 2010 的 设置 

为 了 更 加 方便 地 提供 Visual Studio 2010 集成 开发 环境 的 配置 功能 ,集成 开发 环境 还 提 
供 了 导入 和 导出 开发 环境 设置 的 功能 。 选 择 “ 工 具 ” 一 “导入 和 导出 设置 "菜单 ,弹出 * 导 人 和 
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2 一 一 一 E 
~ | ”语句 结束 
加 自动 列 出 成 员 (M) 
回 降 芒 高 级 成 员 (H) 
“ 国 回 允 娄 信 息 P) 
设置 
制 表 符 导 固 启用 虚空 格 V) 
IntelliSense 自动 绕 行 (W) 
了 口 显示 可 视 的 生动 绩 行 标 去 符号 (S) 

团 没有 先 定 内 容 时 对 空 行 应 用 劳 切 或 复制 命令 (CO) 
P CSS | 
Dr 四 
”HTML 回 行 St 
JScript 园 启 用 单 去 URL 定位 (U) 
b PWSQL 辐 导 航 栏 (N) 
» SQLCE 
Transact-SQL 
bp T-SQL90 


人 


图 1.4 


“选项 ”对 话 框 的 C# 子 节点 


”项目 和 诅 决 方 守 加 启用 HTML 设计 器 (需要 重新 启动 Visual Studio)(E) 
” 源 代码 管理 
b 文本 妨 强 器 起 始 页 位 置 

， 调研 加 源 视 图 (5) 日 折 分 视图 (P) 
b IntelliTrace 全 设计 视图 (D) 


bp Windows 窗 休 设计 器 
P Workflow Designer 


测试 工具 Ss 


Cw jC wm) 


图 1.47 “选项 "对话 框 的 "HTML 设计 器 ?节点 


导出 设置 向 导 ” 对 话 框 ,如 图 1. 48 所 示 。 

在 该 对 话 框 中 ,可 以 导出 当前 的 设置 ,导入 选择 的 设置 .以 及 重 置 当前 的 环境 设置 。 如 
果 选 择 * 导 出 选 定 的 环境 设置 ?选项 , 单 击 * 下 一 步 ? 按 钮 ,如 图 1. 49 所 示 ,其 中 可 以 选择 导出 
的 设置 ,有 “代码 分 析 设 置 "“ 常 规 设置 "“ 选 项 ”等 设置 内 容 。 

单 击 “ 下 一 步 ” 按 钮 ,可 以 对 导出 的 设置 进行 命名 ,并 且 还 可 以 选择 导出 的 设置 文件 的 保 
存 位 置 ,如 图 1. 50 所 示 。 

在 图 1. 48 中 ,选择 “导入 选 定 的 环境 设置 ”选项 , 单 击 “下 一 步 ” 按 钮 ,如 图 1. 51 所 示 ,在 
该 对 话 框 中 可 以 配置 是 否 要 保存 当前 的 环境 设置 ,并 且 还 可 以 配置 保存 当前 的 环境 设置 的 
文件 名 称 和 保存 位 置 。 
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2 下 
欢迎 使 用 “导入 和 导出 设 秆 向 导 - 


您 项 望 做 什么 ? 


回 导出 选 定 的 环境 设置 (E) 


将 所 有 环境 设置 重 赤 为 某 一 野 认 设置 集合 . 


可 以 使 用 此 向 导 来 导入 或 导出 符 定 的 设置 类 别 ， 或 棕 环 境 重 下 为 划一 默认 设 秆 集合 - 


设置 棕 保 存 到 一 个 单独 的 文件 中 ， 以 便 以 后 可 以 蝴 时 导入 到 任何 计算 机 中 
局 导入 选 定 的 环境 设置 四 

从 文件 中 导入 设置 以 格 其 应 用 到 环境 中 
司 重 寺 所 有 设置 (Q) 


图 1.48 “导入 和 导出 设置 向 导 ” 对 话 框 


选择 要 导出 的 设置 
人 市 有 管 寺 图 标的 设置 可 能 会 洪 需 知识 产权 信息 或 其 他 敏 有 信 息 。 默 闪 傅 况 下 不 会 迁 择 这 些 设置 ， 有 关 详 
细 信 息 ， 请 按 Fl 
要 导出 哪些 设置 ?7(W) 
回 所 有 设置 说 明 : 
Visual Studio Team Foundation Server 所 有 可 用 于 导入 和 导出 的 设置 ， 展 开 此 类 
代码 分 析 设 置 到 可 以 查看 更 多 详细 信息 
党 规 设置 
数据 库 工 具 
加 心 选 页 
[LE [下 tm> a9 | mm 


图 1.49 导出 选 定 的 环境 设置 
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在 此 目录 中 存储 我 的 设置 文件 (S)- 


ciNusersvadministratorvdocuments\visual studio 2010\settings 四 


E Cee | ww | 


图 1.50 命名 设置 文件 


CurrentSettings-2015-07-02-Lvssettings 


在 此 目录 中 存储 我 的 设置 文件 (D): 
cusers\administrator\documents\visual studio 2010\settings - 
日 否 , 仅 导入 新 设置 更 差 我 的 当前 设置 (Q) 


图 1.51 “保存 当前 设置 ”对话 框 


ASP.NET 基础 


1.5 ASP.NET 网 页 语法 


1.5.1 ASP. NET 网 页 扩展 名 


ASP.NET 的 任何 功能 都 可 以 在 具有 适当 文件 扩展 名 的 文本 文件 中 创建 。 可 以 把 
ASP.NET 网 页 扩展 名 理解 为 ASP.NET 文件 的 “身份 证 ,不 同 的 扩展 名 决定 了 不 同文 件 
的 类 型 和 作用 。 通 过 Internet 信息 服务 (IIS) 将 文件 扩展 名 映射 到 ASP. NET 运行 处 理 。 


1.5.2 页 面 指令 


ASP. NET 页 面 支持 多 个 页 面 指令 ,常用 的 页 面 指令 如 下 。 

(1) @ Page: 定义 ASP.NET 页 分 析 器 和 编译 器 使 用 的 页 特定 (. aspx 文件 ) 属 性 ,可 
以 编写 为 二 %W@ Page attribute 一 "value" [attribute 一 "value"…]% 二 。 

(2) @ Control: 定义 ASP. NET 页 分 析 器 和 编译 器 使 用 的 用 户 控件 (. ascx 文件 ) 特 定 
的 属性 。 该 指令 只 能 为 用 户 控件 配置 。 可 以 编写 为 二 %@ Control attribute 一 "value" 
[attribute="value"…]%>。 

(3) @ Import: 将 命名 空间 显 式 导入 到 页 中 ,使 所 导入 的 命名 空间 的 所 有 类 和 接口 可 
用 在 该 页 。 导 入 的 命名 空间 可 以 是 . NET Framework 类 库 或 用 户 定义 的 命名 空间 的 一 部 
分 。 可 以 编写 为 二 %@ Import namespace 一 "value"”% 二 。 

(4) @ Implements: 提示 当前 页 或 用 户 控件 实现 指定 的 . NET Framework 接口 。 可 以 
编写 为 二 %@ Implements interface 一 "ValidInterfaceName"%% 二 。 

(5) @ Reference: 以 声明 的 方式 指示 ,应 该 根据 在 其 中 声明 此 指令 的 页 对 另 一 个 用 户 
控件 或 页 源 文件 进行 动态 编译 和 链接 。 可 以 编写 为 <%@ Reference page | control 一 
"pathtofile” %>。 

(6) @ Output Cache: 以 声明 的 方式 控制 ASP. NET 页 或 页 中 包含 的 用 户 控件 的 输出 
缓存 策略 。 

可 以 编写 为 二 %@ Output Cache Duration 二 "#0ofseconds" Location 一 "Any | Client | 


Downstream | Server | None" Shared =" True | False" VaryByControl = " controlname" 


VaryByCustom = " browser | customstring" VaryByHeader = " headers" VaryByParam = 
"parametername" %> 

(7) @ Assembly: 在 编译 过 程 中 将 程序 集 链接 到 当前 页 ,以 使 程序 集 的 所 有 类 和 接口 
都 可 用 在 该 页 上 。 可 以 编写 为 二 %@ Assembly Name 一 "assemblyname"”% 请 或 二 %@ 
Assembly Src 二 "pathname”% 记 的 方式 。 

(8) @ Register: 将 别名 与 命名 空间 以 及 类 名 关联 起 来 ,以 便 在 自 定义 服务 器 控件 语法 
中 使 用 简明 的 表示 法 。 可 以 编写 为 二 %@ Register tagprefix 二 " tagprefix" Namespace 一 
"namepace" Assembly 一 "assembly"”% 二 或 二 % @ Register tagprefix = " tagprefix" 
Tagname 一 "tagname" Src 二 "pathname”% 记 的 方式 。 
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1.5.3 服务 器 端 文件 


1. 认识 Web. config 文件 

Web. config 文件 是 一 个 XML 文本 文件 , 它 用 来 储存 ASP. NET Web 应 用 程序 的 配置 
信息 (如 最 常用 的 设置 ASP. NET Web 应 用 程序 的 身份 验证 方式 ) , 它 可 以 出 现在 应 用 程序 
的 每 一 个 目录 中 。 当 通过 . NET 新 建 一 个 Web 应 用 程序 后 ,默认 情况 下 会 在 根 目录 下 自动 
创建 一 个 默认 的 Web. config 文件 ,包括 默认 的 配置 设置 ,所 有 的 子 目录 都 继承 它 的 配置 
设置 。 如 果 想 修改 子 目录 的 配置 设置 ,可 以 在 该 子 目 录 下 新 建 一 个 Web. config 文件 。 它 可 
以 提供 除 从 父 目 录 继 承 的 配置 信息 以 外 的 配置 信息 ,也 可 以 重 写 或 修改 父 目 录 中 定义 的 
设置 。 

Web. Config 是 以 XML 文件 规范 存储 ,配置 文件 分 为 以 下 几 种 格式 。 

1) 配置 节 处 理 程序 声明 

特点 : 位 于 配置 文件 的 顶部 ,包含 在 二 configSections 二 标志 中 。 

2) 特定 应 用 程序 配置 

特点 : 位 于 一 appSetting 过 中 ,可 以 定义 应 用 程序 的 全 局 常量 设置 等 信息 。 

3) 配置 节 设置 

特点 : 位 于 二 system. Web 之 节 中 ,控制 ASP. NET 运行 时 的 行为 。 

4) 配置 节 组 

特点 : 用 二 sectionGroup 二 标记 ,可 以 自 定 义 分 组 ,可 以 放 到 二 configSections 二 内 部 或 
其 他 二 sectionGroup 二 标记 的 内 部 。 

配置 节 的 每 一 节 分 别 如 下 。 

(1) 二 configuration 之 节 根 元 素 ,其 他 节 都 是 在 它 的 内 部 。 

(2) 二 appSetting 之 节 , 此 节 用 于 定义 应 用 程序 设置 项 。 对 于 一 些 不 确定 设置 ,还 可 以 
让 用 户 根 据 自己 的 实际 情况 设置 。 

用 法 : 

< appSettings> 

< addkey= "Conntction" value= "server= 192.168.85.66;userid= sa;password= ;database= Info;"/> 

< appSettings> 
定义 了 一 个 连接 字符 串 常 量 , 并 且 在 实际 应 用 时 可 以 修改 连接 字符 串 , 不 用 修改 程序 代码 。 

< appSettings> 

< add key= "ErrPage" valuer "Error.aspx"/> < appSettings> 
定义 了 一 个 错误 重 定向 页 面 。 

(3) 一 compbilation 二 节 。 

格式 : 

< carpilation defaultLanguage= "c# " 

debug= "true"/> 

defaultLanguage: 定义 后 台 代 码 语言 .可 以 选择 C# 和 VB. NET 两 种 语言 。 
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debug: 为 true 时 ,启动 aspx 调试 ;为 false 不 启动 aspx 调试 ,因而 可 以 提高 应 用 程序 
运行 时 的 性 能 。 一 般 程序 员 在 开发 时 设置 为 true, 交 给 客户 时 设置 为 false。 

(4) 二 customErrors 之 节 。 

格式 : 

< custarErrors 

mode= "Remoteonly" 

GefaultRedirect= "error.aspx" 

< error statusCoder= "440" redirect= "err440page.aspx"/> 

< error statusCode= "500" redirect= "err500Page.aspx"/> 

/> 

mode: 具有 On Off RemoteOnly 三 种 状态 。On 表示 始终 显示 自 定义 的 信息 ; Off 表 
示 始 终 显示 详细 的 ASP. NET 错误 信息 ; RemoteOnly 表示 只 对 不 在 本 地 Web 服务 器 上 运 
行 的 用 户 显 示 自 定义 信息 。 

(5) 一 globalization 二 节 。 

格式 : 


< globalization 

requestEncoding= "utf- 8" responseEnooding= "utf- 8" filepncodingr= "utf- 8"/> 
requestEncoding: 用 来 检查 每 一 个 发 来 请 求 的 编码 。 
responseEncoding: 用 于 检查 发 回 的 响应 内 容 编码 。 
fileEncoding: 用 于 检查 aspx,asax 等 文件 解析 的 默认 编码 。 
(6) 所 sessionState 二 节 

格式 : 


< sessionstate mode= "ITnProcn 

stateConnectionstring= "tcpip=127.0.0.1:42424" 

sqlConnectionStringF= "data source= 127.0.0.1;Trusted Connection= yes" 

cookieless= "false" timeout= "20"/> 

mode: 分 为 off、InProc、StateServer、SqlServer 几 种 状态 。mode 王 "InProc" 存 储 在 进 
程 中 的 特点 : 具有 最 佳 的 性 能 ,速度 最 快 .但 不 能 跨 多 台 服 务 器 存储 共享 。mode = 
"StateServer" 存储 在 状态 服务 器 中 的 特点 : 当 需 要 跨 服务 器 维护 用 户 会 话 信息 时 ,使 用 此 
方法 。 但 是 信息 存储 在 状态 服务 器 上 ,一 旦 状态 服务 器 出 现 故 障 ,信息 将 丢失 。mode= 
"SqlServer" 存 储 在 SQL Server 中 的 特点 :工作 负载 会 变 大 ,但 信息 不 会 丢失 。 

stateConnectionString: 指定 ASP. NET 应 用 程序 存储 远程 会 话 状态 的 服务 器 名 ,默认 
为 本 机 。 

sqlConnectionString: 当 用 会 话 状态 为 数据 库 时 ,在 这 里 设置 连接 字符 串 。 

(7) 二 authentication 二 节 。 

格式 : 


< authentication mode= "Eormms"> 
< forms name= "RSPXUSERDEMD" loginUrl= "Togin.aspx" protection= "All" timeout— 
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"30"/> 

< /authentication> 

< authorization> 

< deny users= "2"/> 

< /authorization> 

中 Windows: 使 用 IIS 验证 方式 。 

@ Forms: 使 用 基于 窗 体 的 验证 方式 。 

@ Passport: 采用 Passport Cookie 验证 模式 。 

@ None: 不 采用 任何 验证 方式 。 

内 机 forms 节点 的 属性 含义 如 下 。 

name: 指定 完成 身份 验证 的 HTTP Cookie 的 名 称 。 

loginUrl: 如 果 未 通过 验证 或 超时 后 重 定向 的 页 面 URL ,一 般 为 登录 页 面 ,让 用 户 重新 
登录 。 

protection: 指定 Cookie 数据 的 保护 方式 。 可 设置 为 All、None、Encryption 和 
Validation 4 种 保护 方式 。All 表示 加 密 数据 ,并 进行 有 效 性 验证 两 种 方式 。None 表示 不 
保护 Cookie。Encryption 表示 对 Cookie 内 容 进行 加 密 。Validation 表示 对 Cookie 内 容 进 
行 有 效 性 验证 。 

在 运行 时 对 Web. config 文件 的 修改 不 需要 重启 服务 就 可 以 生效 。 

2. 默认 的 Web. config 配置 文件 

Web. config 配置 文件 (默认 的 配置 设置 ) 以 下 所 有 的 代码 都 应 该 位 于 二 configuration>、 
二 system. web 二 和 二 /system. web 二 、 一 /configuration 二 之 间 。 

1) 握 authentication 过节 

作用 : 配置 ASP. NET 身份 验证 支持 (为 Windows、Forms、PassPort、None 4 种 )。 该 
元 素 只 能 在 计算 机 、 站 点 或 应 用 程序 级 别 声 明 。 志 authentication 二 元 素 必 须 与 
< 二 authorization 过 配合 使 用 。 

2) 二 authorization 二 节 

作用 : 控制 对 URL 资源 的 客户 端 访问 (如 允许 匿名 用 户 访 问 )。 此 元 素 可 以 在 任何 级 
别 ( 计 算 机 ,站 点、 应 用 程序 、 子 目录 或 页 ) 上 声明 。 必 须 与 二 authentication 记 配合 使 用 。 

示例 : 禁止 匿名 用 户 的 访问 


< authorization> 
< deny users= "2?"/> 

< /authorization> 

3) 二 compilation 记 节 

作用 : 配置 ASP. NET 使 用 的 所 有 编译 设置 。 默 认 的 debug 属性 为 True。 在 程序 编 
译 完 成 交付 使 用 之 后 应 将 其 设 为 False(Web. config 文件 中 有 详细 说 明 ,此 处 省 略 示例 )。 

4) =customErrors> 

作用 : 为 ASP. NET 应 用 程序 提供 有 关 自 定义 错误 信息 的 信息 。 它 不 适用 于 XML 
Web Services 中 发 生 的 错误 。 

示例 : 当 发 生 错 误 时 ,将 网 页 跳 转 到 自 定义 的 错误 页 面 。 
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< custanErrors defaultRedirect= "ErrorPage.aspx" mode= "RemoteOnly"> 

< /custorErrors> 
其 中 ,元 素 defaultRedirect 表示 自 定义 的 错误 网 页 的 名 称 。mode 元 素 表 示 : 对 不 在 本 地 
Web 服务 器 上 运行 的 用 户 显 示 自 定义 (友好 的 ) 信 息 。 

5) 一 httpRuntime 二 节 

作用 : 配置 ASP.NET HTTP 运行 库 设置 。 该 节 可 以 在 计算 机 、 站 点 、 应 用 程序 和 子 目 
录 级 别 声明 。 

示例 : 控制 用 户 上 传 文件 最 大 为 4MB, 最 长 时 间 为 60s, 最 多 请 求 数 为 100 


<httpRmtime 

maxRequestLength= "4096" executionTimeout= "60" appRequestQueueLimit= "100"/> 

6) =pages> 

作用 : 标识 特定 于 页 的 配置 设置 (如 是 否 启用 会 话 状态 .视图 状态 ,是 否 检测 用 户 的 输 
和 等) 。 志 pages 二 可 以 在 计算 机 、 站 点 .应 用 程序 和 子 目 录 级 别 声明 。 

示例 : 不 检测 用 户 在 浏览 器 输入 的 内 容 中 是 否 存在 潜在 的 危险 数据 ( 注 : 该 项 默认 是 
检测 ,如 果 使 用 了 不 检测 ,一 定 要 对 用 户 的 输入 进行 编码 或 验证 ) ,在 从 客户 端 回 发 页 时 将 检 
查 加 密 的 视图 状态 ,以 验证 视图 状态 是 否 已 在 客户 端 被 筑 改 。 


\<pages buffer= "true" enableViewStateMac= "true" validateRequest= "false"/> 

7) =sessionState> 

作用 : 为 当前 应 用 程序 配置 会 话 状态 设置 (如 设置 是 否 启用 会 话 状 态 , 会 话 状态 保存 
位 置 ) 。 

示例 ， 

< sessionState mode= "InProc" cookieless= "true" timecut= "20"/> 

< /sessionState> 

8) 二 trace 一 

作用 : 配置 ASP.NET 跟踪 服务 ,主要 用 来 测试 判断 哪里 出 错 。 

以 下 为 Web. config 中 的 默认 配置 : 


<trace enabled= "false" requestLimit= "10" PageOutput= "false" tracsMpde= 
"SortByTime" localonly= "true" /> 


3. 自 定义 Web. config 文件 配置 

自 定 义 Web. config 文件 配置 节 过 程 分 为 以 下 两 步 。 

(1) 在 配置 文件 顶部 二 configSections 二 和 二 /configSections 二 标记 之 间 声 明 配 置 节 的 
名 称 和 处 理 该 节 中 配置 数据 的 . NET Framework 类 的 名 称 。 

(2) 在 二 configSections 过 区域 之 后 为 声明 的 节 做 实际 的 配置 设置 。 

示例 : 创建 一 个 节 存 储 数 据 库 连 接 字符 串 

< configuration> 

< configsections> 
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< section name~ "appSettings" type= "System.Configuration 
.NameValueFileSectionHandler, System, Version= 1.0.3300.0,Culture=— 
neutral, PublicKeyToken= b77a5c561934e089"/> 
< /configsections> 
< appSettings> 
< add key= "som" value= "server= a;database= northwindyuid= sazpwG 123"/> 
< /appSettings> 
< system.web> 


< /system.web> 

< /configuration> 

可 以 通过 使 用 ConfigurationSettings. AppSettings 静态 字符 串 集合 来 访问 Web. config 文件 。 
1.5.4 HTML 服务 器 控件 语法 

默认 情况 下 ,ASP.NET 文件 中 的 HTML 元 素 作 为 文本 进行 处 理 ,页 面 开发 人 员 无 法 
在 服务 器 端 访 问 文件 中 的 HTML 元 素 。 要 使 这 些 元 素 可 以 被 服务 器 端 访 问 , 必 须 将 
HTML 元 素 作 为 服务 器 控件 进行 分 析 和 处 理 , 这 可 以 通过 为 HTML 元 素 添加 runat 王 
"server" 属 性 来 完成 。 服 务 器 端 通过 HTML 元 素 的 id 属性 引用 该 控件 。 

语法 : HTML 服 务 器 控件 - 2345 

< 控件 ie " 咯 称 "…rmunat= "server"> © €A8 IC 人 OI 

如 收藏 ” 公 网址 S 航 因 | 影视 大 全 
【 例 1.1】 使 用 HTML 服务 器 端 控 件 创建 一 个 简单 的 [ 


B| ] HTML 服 务 器 控件 x 
Web 应 用 程序 。 在 页 面 加 载 事 件 Page_Load 事件 中 ,将 文本 
控件 中 显示 "HTML 服务 器 控件 ”, 运 行 结果 如 图 1. 52 所 示 。 
程序 代码 如 下 。 图 1.52 HTML 服务 器 控件 


<html> 
<title> HIML 服 务 器 控件 < /title> 
< script type= "text/javascript" runat= "server"> 
Protected void Page_ Load (cbject sender,EventArgs e) 
{ 
this.MyText.Value= "HIML 服务器 控件 "; 
} 
< /script> 
< style type= "text/css"> 
# MyText 
' 
width: 188px; 
< /style> < /head> 
< body> < input id= "MyText" type= "text"runat= "server"/>< /fom> 
< /pody> 
</htbm> 
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1.5.5 ASP. NET 服务器 控件 语法 


ASP. NET 服务 器 控件 比 HTML 服务 器 控件 具有 更 多 的 内 置 功能 。Web 服务 器 控件 
不 仅 包括 窗 体 控 件 (例如 按钮 和 文本 框 ) ,而 且 还 包括 特殊 用 途 的 控件 (例如 日 历 . 菜 单 和 树 
视图 控件 ) 。Web 服务 器 控件 与 HTML 服务 器 控件 相 比 更 为 抽象 ,因为 其 对 象 模型 不 一 定 
符合 HTML 语法 。 


语法 : 

<asp: 控 件 名 ID- " 咯 称 "… 组 件 的 其 他 属性 … runat= "server"/> 

【 例 1.2】 使 用 ASP. NET 服务 器 端 控件 创建 一 个 RE 
简单 的 Web 应 用 程序 ,在 页 面 加 载 事件 Page_Load 中 即 | 铭 ss :Lesl 立 ie 
在 页 面 初始 化 时 ,显示 按钮 控件 的 文本 “欢迎 学 习 ASP. 人 | 门 Asp.NET 服 务 器 油 控 件 < | 十 
NET!”, 运 行 结果 如 图 1. 53 所 示 。 欢迎 学 习 ASP NETI! 

程序 代码 如 下 。 


< html xmlns= "http://www.w3.o0rg/1999/xhtml"> 
< head runat= "server"> 
< title> ASP.NET 服 务 器 端 控件 < /title> 
< script language= "C# " runat= "server"> 
Protected void Page_ Load (cbject sender,EventArgs e) 
{ 
Response.Write (this.binText .Text); 
} 
< /script> 
< /head> 
<body> 
< fom id= "foml" runat= "server"> 
<div> 
< asp:Button ID= "btnText" runat= "server" Text= "欢迎 学 习 ASP.NET!" /> 
< /div> 
< /fom> 
< /body> 
< /htm> 


图 1.53 ASP. NET 服务 器 端 控 件 


1.6 制作 一 个 ASP.NET 网 站 


1.6.1 创建 ASP. NET 站 点 


(1) 启动 Visual Studio 2010 开发 环境 ,首先 进入 起 始 页 界面 。 在 该 界面 中 , 单 击 “ 文 
件 ” 一 新建” 一 “网 站 ?菜单 命令 ,创建 ASP. NET 站 点 。 

(2) 单 击 * 新 建 ”网 站 ? 莱 单 命令 后 ,打开 * 新 建 网 站 ?对 话 框 , 在 此 对 话 框 的 模板 区 域 
内 选择 “ASP.NET 网 站 ”, 并 输入 网 站 的 位 置 以 及 选择 编程 语言 ,如 图 1. 54 所 示 。 

(3) 单 击 “ 确 定 ” 按 钮 ,创建 网 站 。 在 创建 网 站 的 同时 ,开发 环境 会 自动 打开 一 个 名 为 
Default. aspx 的 页 面 ,窗口 布局 如 图 1. 55 所 示 。 
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图 1.55 新 建站 点 窗口 


1.6.2 设计 Web 页 面 

创建 了 一 个 网 站 以 后 , 接 下 来 要 进行 的 就 是 Web 页 面 的 设计 。 

1. ASP. NET 页 面 设计 的 三 种 方式 

每 个 . aspx 的 Web 窗 体 网 页 都 有 三 种 视图 方式 :“ 设 计 ”“ 拆 分 ”以 及 “ 源 ” 视 图 。 在 “ 解 
决 方案 资源 管理 器 * 上 双击 某 一 个 . aspx 就 可 以 打开 . aspx 文件 , 接 下 来 可 以 通过 三 种 方式 
来 设计 页 面 。 

1)“ 视 图 ”设计 

图 1. 56 显示 如 何 切 换 到 “视图 ”设计 ,“ 视 图 ”设计 可 以 模拟 用 户 在 浏览 器 中 看 到 的 页 面 。 

2)“ 拆 分 ”视图 方式 

“ 拆 分 ”视图 方式 会 将 HTML 及 设计 界面 同时 呈现 在 开发 工具 中 ,让 开发 设计 者 设计 
好 HTML 即 可 看 到 显示 的 界面 ,如 图 1.57 所 示 。 
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图 1.57 


3)“ 源 ”视图 

“ 源 ” 视 图 可 让 网 页 设计 人 员 针 对 网 
图 1.58 所 示 。 

2. 布局 ASP. NET 网 页 


CW Fate Language= Ch MutolvertVireu irue™ CodeFile= Default asrx. cs™ Irherits=™ hetault™ Wy 


BB HIE WE 
辐 W 六 训 -aspl (3)” (1 个 项 上) 
2 闻 Easpl\ 


0 


加 webceniie 


“ 拆 分 "视图 方式 


页 的 HTML 及 程序 做 细致 的 编辑 及 调整 ,如 


通过 两 种 方法 可 以 实现 布局 Web 页 面 .一 个 是 Table 表格 布局 Web 窗 体 , 另 一 个 是 


CSS 十 DIV 布局 Web 窗 体 。 使 用 Table 


HTML 格式 表格 ,然后 根据 位 置 的 需要 ,向 表格 中 添加 相关 文字 信 


CSS 十 DIV 布局 Web 窗 体 需 要 通过 CSS 村 


表格 布局 Web 窗 体 ,将 Web 窗 体 中 添加 一 个 
息 或 服务 器 控件 。 使 用 
fF 式 控制 Web 窗 体 中 的 文字 信息 或 服务 器 控件 的 


位 置 ,这 需要 精通 CSS 样式 。 
3. 添加 服务 器 控件 
在 “设计 ”视图 中 ,用 户 可 以 从 “工具 箱 


”选项 卡 中 直接 选择 各 种 控件 添加 到 Web 页 面 
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图 1.58 “ 源 " 视 图 方式 


上 ,也 可 以 在 页 面 中 直接 输入 文字 , 详 见 第 5 章 。 
1.6.3 添加 ASP. NET 文 件 


ASP. NET 的 文件 类 型 有 很 多 种 ,具体 如 下 。 

(1) * .resx 是 资源 文件 。 每 个 页 面 都 有 一 个 资源 文件 相对 应 。 

(2) global. asax 是 global. asa 的 .NET 版。 

(3) global. asax. vb 是 global. asax 的 后 台 文件 。 

(4) * .ascx 是 一 个 用 户 自 定义 控件 。 

(5) x .ascx.vb 是 自 定义 控件 的 代码 文件 ,C# 的 是 * .ascx. cs。 

(6) * .ascx. resx 是 自 定义 控件 的 资源 文件 。 

(7) x* .aspx. vb 是 x*.aspx 页 面 的 后 台 代码 。 

(8) Web. config 是 整个 WebApplication 的 配置 文件 。 

(9) x* . vbproj 是 VB. NET 的 工程 文件 。 

(10) * .vsdisco 是 WebService 的 文件 。 

(11) x* .vbproj. webinfo 是 VB. NET 工程 文件 的 WebApplication 文件 。 

(12) x*. sln 是 VS. NET 的 解决 方案 文件 。 

其 中 , global. asax, global. asax. vb, web. config, *. vbproj, *. vsdisco, *. vbproj. 
webinfo, * . sln 都 是 在 建立 一 个 VB. NET 的 WebApplication 工程 的 时 候 自动 产生 的 。 

ASP. NET 的 页 面 文件 是 *. aspx, 每 个 页 面 对 应 一 个 x. resx 资源 文件 和 一 个 
x* .aspx. vb 的 代码 文件 。 

添加 ASP. NET 文件 的 步骤 是 : 在 “解决 方案 资源 管理 器 "上 ,选择 需要 添加 文件 的 位 
置 , 右 击 , 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 ,在 打开 的 “添加 新 项 ”对 话 框 中 选择 需 
要 添加 的 文件 类 型 ,并 在 下 载 文 件 属性 位 置 输入 文件 名 称 , 单 击 “ 添 加 ”按钮 就 可 完成 文件 的 
添加 ,如 图 1. 59 所 示 。 
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图 1.59 添加 新 项 


1.6.4 添加 配置 文件 Web. config 


1. 配置 文件 保存 位 置 

.NET 的 默认 配置 文件 保存 在 Windows 目录 \Microsoft. NET\Framework\ 对 应 
.NET 版 本 \config 文件 夹 下面 。 不 同 的 操作 系统 Windows 目录 不 一 样 。 

ASP.NET 中 有 两 个 非常 重要 的 配置 文件 ,分 别 是 machine. config 和 web. config ,它们 
都 位 于 config 文件 夹 下 面 。 这 两 个 文件 一 般 不 需要 手工 维护 ,保持 默认 即 可 。 但 针对 
ASP. NET 应 用 程序 , 它 自 身 会 有 0 个 ,1 个 或 者 多 个 Web. config 配置 文件 。 

2. 配置 文件 加 载 顺 序 

IIS 在 ASP. NET 网 站 启动 时 ,会 加 载 配置 文件 中 的 配置 信息 ,然后 缓存 这 些 
会 每 次 要 用 都 去 读 取 配置 文件 ,只 是 IIS 会 随时 监视 着 这 些 文件 的 变化 ， 一 旦 有 变化 ， 
重新 去 读 取 并 缓存 配置 信息 。 

ASP. NET 网 站 运行 时 会 按照 以 下 方式 加 载 配置 文件 中 的 节点 信息 。 

(1) 如 果 在 当前 运行 页 面 所 在 的 目录 下 有 Web. config 文件 , 则 查找 是 否 存在 所 需要 的 
节点 ,如 果 存 在 则 返回 结果 ,并 停止 下 一 步 查 找 。 

(2) 如 果 所 在 目录 不 存在 Web. config 配置 或 者 配置 文件 里 没有 所 需要 的 节点 , 则 查找 
它 所 在 的 上 一 级 目录 的 配置 文件 中 的 节点 ,直到 网 站 根 目录 。 

(3) 如 果 网 站 根 目录 中 都 不 存在 Web. config 或 者 所 需要 的 配置 节点 , 转 而 到 Windows 
目录 \Microsoft. NET\Framework\ 对 应 . NET 版 本 \config\web. config 中 去 查找 。 

(4) 如 果 第 (3) 条 中 还 没 找到 ,继续 到 Windows 目录 \Microsoft. NET\Framework\ 对 
应 . NET 版 本 \config\machine. config 中 去 查找 。 

(5) 如 果 还 没 找 到 , 那 就 报错 。 

3. 配置 文件 节点 介绍 

Web. config 文件 是 一 个 XML 文本 文件 , 它 的 根 节点 为 二 configuration 放 ,该 节点 下 包 


47 


《ASP.NET 动态 网 站 设计 教程 (第 2 版) 一 一 基于 C#+SQL Server 2008》 


含 常见 的 子 节 点 有 所 configSections 二 一 appSettings 二 一 connectionStrings 二 (保存 数据 
库 连 接 字 符 串 ) .一 location 二 和 二 system. web 二 。 


1.6.5 配置 IIS 虚拟 目录 


使 用 Internet 信息 服务 (IIS) 管 理 器 ,可 以 为 ASP. NET Web 应 用 程序 创建 虚拟 目录 。 
虚拟 目录 在 客户 端 浏览 器 上 显示 时 ,就 好 像 它 包 含 在 Web 服务 器 的 根 目录 中 一 样 ,即使 它 
实际 可 能 驻 留 在 另外 某 个 位 置 也 是 如 此 。 使 用 此 方法 .可 以 发 布 不 位 于 Web 服务 器 的 根 文 
件 夹 下 的 Web 内 容 。 

在 创建 新 的 虚拟 目录 后 ,可 以 将 它 配置 为 运行 ASP. NET 页 并 配置 安全 性 。 如 表 1.1 
所 示 为 在 所 有 版 本 的 IIS( 包 括 IIS 6.0) 中 可 用 的 权限 设置 。 


表 1.1 所 有 版 本 的 IIS 中 可 用 的 权限 设置 


账户 或 组 权 限 
选择 的 要 赋予 其 站 点 浏览 权限 的 账户 或 组 (如 果 在 创建 虚拟 目录 时 禁用 了 读 取 和 执行 
匿名 身份 验证 ) 

读 取 和 执行 
为 访问 ASP. NET 当前 用 户 上 下 文 的 系统 资源 而 配置 的 账户 ,如 Network 列 出 文件 夹 内 容 
Service 账户 (IIS 6. 0) 或 ASP. NET 账户 (IIS 5.0 和 IIS 5.1)。 读 取 

写 人 


在 完成 对 虚拟 目录 的 配置 后 ,可 以 向 与 虚拟 目录 关联 的 物理 目录 添加 ASP. NET 网 
页 。 有 关 更 多 信息 ,请 参见 配置 ASP. NET 应 用 程序 。 

为 虚拟 目录 配置 安全 性 和 身份 验证 的 方法 如 下 。 

在 IIS 管理 器 中 , 右 击 要 配置 的 虚拟 目录 的 节点 ,然后 单 击 * 属 性 ”命令 。 

打开 <“ 目录 安 全 性 ”选项 卡 , 然 后 在 “身份 验证 和 访问 控制 ?部 分 单 击 “编辑 ”按钮 。 

选中 与 要 用 于 虚拟 目录 的 身份 验证 方法 对 应 的 复 选 框 ,然后 单 击 “ 确 定 ” 按 钮 。 默 认 情 
况 下 ,“ 启 用 匿名 访问 "和 “Windows 集成 身份 验证 ”" 复 选 框 已 经 处 于 选中 状态 。 

注意 : 两 个 最 常见 的 身份 验证 方案 是 对 本 地 Intranet 站 点 使 用 Windows 集成 身份 验 
证 ,对 用 户 通 过 防火 墙 访问 的 Internet 或 Extranet 站 点 使 用 Forms 身份 验证 。 若 要 为 
Intranet 或 本 地 开发 方案 配置 身份 验证 ,请 清除 “启用 匿名 访问 ” 复 选 框 ,并 确保 “集成 
Windows 身份 验证 " 复 选 框 处 于 选中 状态 。 若 要 为 Internet 站 点 配置 身份 验证 ,需要 设置 
Forms 身份 验证 ,这 不 在 本 主题 的 讨论 范围 之 内 。 

在 Windows 资源 管理 器 中 ,定位 到 将 包含 站 点 各 页 的 文件 夹 。 右 击 该 文件 夹 , 然 后 单 
击 快捷 菜单 中 的 “共享 和 安全 ”命令 。 

在 “安全 ”选项 卡 上 ,配置 所 需 的 其 他 任何 账户 和 权限 ,然后 单 击 “ 确 定 ” 按 钮 。 

注意 : 若 要 更 改 现 有 账户 的 权限 ,请 在 “组 或 用 户 名 ”列表 中 选择 该 账户 ,然后 选中 相应 
的 权限 复 选 框 。 若 要 添加 新 账户 ,请 单 击 “ 添 加 ”按钮 ,然后 单 击 “ 位 置 " 按 钮 。 从 列表 中 选择 
本 地 计算 机 名 ,再 单 击 “ 确 定 ” 按 钮 。 然 后 在 文本 框 中 输入 要 添加 的 特定 账户 名 。 输 入 账户 
名 之 后 , 单 击 “检查 名 称 ” 按 钮 对 账户 名 进行 验证 ,最 后 单 击 “确定 ”按钮 添加 该 账户 。 
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实践 与 练习 
一 、 选 择 题 
1. 静态 网 页 文件 的 后 缀 是 ( 和 
A. .asp B. .aspx C. .htm D. .jsp 
2. 在 . NET 中 CLS 的 作用 是 ( )s 
A. 存储 代码 B. 防止 病毒 C. 源 程序 跨 平台 ”D. 对 语言 进行 规范 


3. 在 ASP. NET 中 源 程序 代码 先 被 生成 中 间 代 码 (IL 或 MSIL) ,然后 再 转变 成 各 个 
CPU 需要 的 代码 ,其 目的 是 ( ) 的 需要 。 


A. 提高 效率 B. 保证 安全 C. 源 程序 跨 平台 ”D. 易 识 别 
4. .NET 与 XML 紧密 结合 的 最 大 好 处 是 ( hs 

A. 代码 易于 理解 B. 跨 平台 传送 数据 

C. 减少 存储 空间 D. 代码 安全 
5. 下 列 哪些 不 是 公共 语言 运行 环境 的 特性 ? ( ) 

A. 代码 执行 管理 B. 管理 函数 指针 调用 

C. 类 型 安全 D. 代码 访问 安全 
6. 下 列 不 属于 动态 HTML 的 核心 技术 的 是 ( 和 

A. 客户 端 脚本 语言 B. CSS 样式 表 

C. 文件 目标 模块 D. 动画 素材 


7. 在 “工具 ”菜单 中 选择 “选项 ”命令 ,可 以 更 改 启动 VS2005 时 默认 出 现 的 用 户 界 面 ， 
请 问 以 下 哪些 是 VS 支持 的 启动 界面 ? ( ) 


A. 空 环境 ,不 打开 任何 界面 B. 最 后 一 次 加 载 的 项 目 

C. 打开 起 始 页 D. 打开 主页 
二 、 填空 题 
1. 动态 网 页 的 发 展 包括 、 和 几 个 阶段 。 
2. .NET 框架 由 、 和 5 部 分 组 成 。 
3. .NET 框架 中 包括 一 个 庞大 的 类 库 , 为 了 便于 调用 ,将 其 中 的 类 按照 进行 
4. IIS 的 全 称 是 。 
5. .NET Framework 中 公共 语言 运行 库 的 作用 是 
三 、 判断 题 
1. 和 ASP 一 样 ,ASP. NET 也 是 一 种 基于 面向 对 象 的 系统 。 ( ) 
2. 在 ASP. NET 中 能 够 运行 的 程序 语言 只 有 三 种 。 ( ) 
3. 对 于 HTML ,任何 文本 编辑 器 都 可 以 编辑 它 。 它 目前 已 经 成 为 各 种 类 型 浏览 器 的 

通用 标准 ,能 独立 于 各 种 操作 系统 平台 。 € ) 

4. 浏览 器 相当 于 HTML 的 翻译 程序 ,负责 解释 HTML 文件 各 种 符号 的 含义 。 ) 
5. Flash 动画 是 动态 HTML。 ( ) 
6. 客户 端 脚本 语言 可 以 是 JavaScript 和 VBScript。 ( ) 
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7. ASP 需要 在 服务 器 端 专门 配置 运行 环境 才能 运行 。 € 
8. ASP、JSP 和 ASP. NET 技术 都 是 把 脚本 语言 嵌入 到 HTML 文档 中 。 ( 
四 、 简 答题 


1. 静态 网 页 与 动态 网 页 运行 时 的 最 大 区 别 是 什么 ? 

2. 请 详细 叙述 服务 器 打开 . htm 和 . aspx 两 种 网 页 时 内 部 的 执行 过 程 。 

3. ASP. NET 应 用 程序 由 哪 几 部 分 组 成 ? 

4. 请 写 出 在 VS 2010 中 开发 ASP. NET 应 用 程序 的 一 般 步 骤 。 

五 、 上 机 操作 

1. 在 VS 2010 中 创建 一 个 C# 控 制 台 应 用 程序 ,输出 “这 是 我 的 第 一 个 C# 程 序 ”。 
2. 创建 一 个 Windows 应 用 程序 ,设置 窗 体 的 Text 属性 为 “我 的 新 程序 ”。 


第 2 章 HTML 简介 及 使 用 技巧 


本 章 学 习 目 标 

。 了 解 HTML 的 含义 并 掌握 网 页 文件 的 创建 。 

。 熟练 掌握 HTML 各 类 常用 标记 及 其 应 用 。 

。 掌握 网 页 中 添加 多 媒体 效果 的 方法 。 

本 章 首 先 介 绍 HTML 文件 的 基本 结构 及 创建 方法 ,然后 详细 介绍 各 类 常用 标记 及 其 
应 用 ,最 后 介绍 网 页 中 添加 多 媒体 效果 的 方法 。 

超 文本 标记 语言 (Hyper Text Markup Language, HTML), 是 标准 通用 标记 语言 下 的 
一 个 应 用 ,是 一 种 制作 万 维 网 页 面 的 标准 语言 , 它 通过 标记 符号 来 标记 要 显示 在 网 页 中 的 各 
个 部 分 。 网 页 的 本 质 就 是 超 文本 标记 语言 ,通过 结合 使 用 其 他 的 Web 技术 ,如 脚本 语言 . 公 
共 网 关 接 口 .组 件 等 ,可 以 创造 出 功能 强大 的 网 页 。 因 而 , 超 文本 标记 语言 是 万 维 网 编程 的 
基础 ,也 就 是 说 万 维 网 是 建立 在 超 文本 基础 之 上 的 。 超 文本 标记 语言 之 所 以 称 为 超 文本 标 
记 语 言 ,是 因为 文本 中 包含 所 谓 “ 超 级 链接 "点 。 


2.1 _ HTML 文件 基本 结构 标记 


一 个 网 页 对 应 于 一 个 HTML 文件 ,标准 的 HTML 文件 都 具有 一 个 基本 的 整体 结构 ， 
HTML 通过 标记 符号 来 标记 要 显示 的 网 页 中 的 各 个 部 分 。 网 页 文件 本 身 是 一 种 文本 文件 ， 
通过 在 文本 文件 中 添加 标记 符 , 可 以 告诉 浏览 器 如 何 显示 其 中 的 内 容 , 如 文字 如 何 处 理 , 画 
面 如 何 安排 ,图 片 如 何 显示 等 。 浏 览 器 按 顺 序 阅 读 网 页 文件 ,然后 根据 标记 符 解 释 , 并 显示 
其 标记 的 内 容 , 对 书写 出 错 的 标记 将 不 指出 其 错误 , 且 不 停止 其 解释 执行 过 程 ,设计 者 只 能 
通过 显示 效果 来 分 析出 错 原因 和 出 错 部 位 。 

需要 注意 的 是 ,对 于 不 同 的 浏览 器 ,同一 标记 符 可 能 会 有 不 完全 相同 的 解释 ,因而 可 能 
会 有 不 同 的 显示 效果 。 


2.1.1 制作 一 个 基本 的 网 页 


HTML 文件 是 一 种 标准 的 纯 文本 文件 ,其 扩展 名 为 html 或 tm。 创建 一 个 HTML 文 
件 , 只 需要 两 个 工具 ,一 个 是 HTML 编辑 器 , 另 一 个 是 Web 浏览 器 。HTML 编辑 器 是 用 于 
生成 和 保存 HTML 文件 的 应 用 程序 。 大 多 数 通用 的 编辑 器 ,如 Word、Windows 系统 自 带 
的 记事 本 和 写字 板 等 ,都 可 以 用 来 创建 或 修改 HTML 文件 。 当 然 , 使 用 更 专业 的 网 页 编辑 
工具 (如 FrontPage 和 Dreamweaver 等 ) 来 编辑 HTML 文件 是 一 种 更 好 的 选择 。 专 业 工 具 
能 够 达到 所 见 即 所 得 的 效果 ,在 编辑 HTML 文件 的 同时 .不 需要 打开 Web 浏览 器 , 即 可 模 
拟 显示 出 该 文件 在 浏览 器 中 的 实际 效果 。 

【 例 2.1】 定义 一 个 简单 的 网 页 ,网 页 中 包含 标题 和 一 行 网 页 内 容 。 

操作 步骤 : 
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步骤 1 打开 记事 本 ,输入 以 下 代码 。 
<html> 
<head> 
<title> 一 个 简单 的 HML 示 例 < /title> 
< /head> 
<body> 
Hello World! 
< /body> 
</htm> 
步骤 2 选择 “文件 ”一 “另存 为 "命令 ,弹出 “另存 为 "对话 框 ;将 “保存 类 型 "选择 为 “所 
有 文件 ”,“ 编 码 ” 选 择 为 ANSI, 选 定 存储 路 径 , 并 将 文件 名 命名 为 “Ex2_1. html”, 单 击 “ 保 
存 ” 按 钮 保存 该 文件 。 
步骤 3 定位 到 Ex2-1. html 文件 所 在 的 位 置 , 可 以 看 到 一 个 IE 的 图 标 ,双击 该 文件 ， 
系统 将 默认 以 下 浏览 器 打开 此 文件 ,显示 如 图 2. 1 所 示 的 效果 。 


一 个 简单 的 HTML 示 例 - Windows Internet Explorer 人 | 口 区 
OO 加 FwASP.NETVEx2_l.html 圈 [S||x| [FP ]E 
文件 (E) 编辑 (E) 查看 (Y) 收藏 夹 (&) 工具 (T) 帮助 (8) 

突 收 藏 大 [88|-| 名 3..， | 种 一 .x 全 "四 - 品 牧 ” 页面) 安全 SG ” 


Hello Worldl 


图 2.1 例 2.1 在 I 中 的 运行 结 
注意 : 编写 HTML 文件 时 一 般 采 用 “编写 一 存盘 一 浏览 "三 步 曲 ,以 此 循环 工作 。 
2.1.2 HTML 文件 的 基本 结构 


1. 基本 结构 

一 个 完整 的 HTML 文件 由 标题 ` 段 落 .表格 和 文本 等 各 种 嵌入 的 对 象 组 成 ,这 些 对 象 
统称 为 元 素 ,HTML 使 用 标记 来 分 隔 并 描述 这 些 元 素 。 实 际 上 ,整个 HTML 文件 就 是 由 元 
素 和 标记 组 成 。 

HTML 文件 的 基本 结构 为 : 


<HIML> 文 件 开始 标记 
<HED> 文 件 头 开 始 的 标记 
… 文 件 头 的 内 容 
< /HEAD> 文 件 头 结束 的 标记 
<BODY> 文 件 主体 开始 的 标记 
… 文 件 主体 的 内 容 
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</Bopy> 文 件 主体 结束 的 标记 

< /HM> 文 件 结束 标记 

从 以 上 结构 可 以 看 出 ,HTML 代码 分 为 三 部 分 ,各 部 分 含义 如 下 。 

过 HTML>…</HTML>: HTML 文件 的 开始 和 结束 标记 ,HTML 文件 中 所 有 的 内 
容 包 括 志 HEAD 二 和 过 BODY 之 标记 都 应 该 在 这 对 标记 之 间 , 一 个 HTML 文件 总 是 以 
二 HTML 这 开始 ,以 二 /HTML 和 结束 。 

所 HEAD>>…</HEAD>>: HTML 文件 的 头 部 标记 ,主要 用 来 放置 页 面 的 标题 以 及 
文件 信息 等 内 容 ,通常 将 这 两 个 标记 之 间 的 内 容 统称 为 HTML 的 头 部 。 

所 BODY 二 … 一 /BODY 二: 用 来 指明 文件 的 主体 区 域 , 网 页 所 要 显示 的 内 容 都 放 在 这 
个 标记 内 ,页面 的 内 容 包括 文字 图 片 .动画 及 超 链 接 等 。 其 结束 标记 和 /BODY 过 指明 主体 
区 域 的 结束 。 

2. 文件 中 的 标记 和 元 素 

HTML 的 主要 语法 是 元 素 和 标记 。HTML 以 标记 符 来 标识 、 排 列 各 对 象 。 标 记 也 叫 作 
标识 (Tag ) ,是 用 来 规定 元 素 的 属性 和 它 在 文件 中 的 位 置 。 标 记 符 以 “二 ”和 “二 ”表示 。 标 记 符 
里 的 内 容 称 为 元 素 (Element) ,元 素 代 表 了 标记 符 的 意义 。 元 素 是 符合 文件 类 型 定义 的 文件 组 
成 部 分 ,如 TITLE( 文 件 标题 )、IMG( 图 像 )、TABLE (表格 ) 等 。 元 素 名 不 区 分 大 小 写 。 

例如 : 


<title> 网 页 设计 教程 < /title> 


其 中 ,title 是 标记 名 ,到 title 之 与 二 /title 之 之 间 的 内 容 都 属于 标记 title, 一 title 之 是 标记 ,用 
来 说 明 标 记 title。 

注意 : HTML 标记 符 虽然 不 区 分 大 小 写 , 但 通常 约定 标记 符 使 用 大 写字 母 , 这 有 利于 
HTML 文件 的 维护 。 

3. 标记 的 划分 

HTML 文件 的 标记 分 为 单 标记 和 双 标 记 。 

1) 单 标记 

只 需 单 独 使 用 就 能 完整 地 表达 意思 的 标记 称 为 * 单 标记 ”。 

语法 格式 : 

< 标记 名 称 > 


例如 ,最 常用 的 单 标记 为 二 br> , 它 表示 换行 。 

2) 双 标 记 

双 标 记 由 “ 始 标 记 ” 和 *“ 尾 标记 ”两 部 分 构成 .必须 成 对 使 用 ,其 中 始 标 记 告 诉 Web 浏览 
器 从 此 处 开始 执行 该 标记 所 表示 的 功能 ,而 尾 标记 告诉 Web 浏览 器 在 这 里 结束 该 功能 。 

语法 格式 : 

< 标记 > 被 标记 的 内 容 < /标记 > 
其 中 ,“ 被 标记 的 内 容 ” 部 分 就 是 要 被 这 对 标记 施加 作用 的 部 分 。 

例如 ,将 “我 的 第 一 个 网 页 ”这 几 个 字 以 粗 体 显示 。 就 把 这 几 个 字 放 在 标记 二 b 二 与 
二 /b 过 之 间 : 
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<z> 我 的 第 一 个 网 页 < /b> 


【 例 2.2】 将 例 2.1 中 的 网 页 内 容 *Hello World!” 加 粗 显 示 。 
代码 为 : 


<htm> 
<head> 
<title> 一 个 简单 的 EM 示例 < /title> 
< /head> 
<body> 
<b> Hello World!< /b> 
< /body> 
< /htm> 


在 浏览 器 中 的 显示 结果 如 图 2. 2 所 示 。 与 例 2.1 相 比 ,明显 地 对 网 页 内 容 * Hello 


World!1” 做 了 加 粗 。 


端 一 


-个 简单 的 HTML 示 例 - Windows Internet Explorer [- 回民 | 
例 辆 - 0F:WwsP.MT\Ex2_2.html 图 [|[x| [P [E 可 


文件 (E) 编辑 EE) 查看 (W) 收藏 夫 (A) 工具 (IT) 帮助 (H) 
空 收藏 天 | 入 一 个 简单 的 HTHL... | | 丛 ~ 中 路 ”页 面 (E)> 安全 (8)” ” 


Hello World! 


图 2.2 例 2.2 在 正中 的 运行 结果 


说 明 : HTML 是 一 种 嵌 套 语言 ,一 个 标记 的 外 面 可 以 嵌 套 另外 一 个 标记 。 

4. 标记 的 属性 

例如 , 单 标记 二 hr 二 表示 在 文件 当前 位 置 画 一 条 水 平 线 ,一 般 是 从 窗口 中 当前 行 的 最 左 
直 画 到 最 右 端 。 属 性 是 用 来 描述 对 象 的 特性 。 在 HTML 中 ,所 有 标记 的 属性 都 放置 


在 始 标记 符 的 尖 括 号 内 ,标记 符 与 属性 之 间 用 空格 分 隔 ,属性 的 值 放 在 相应 属性 之 后 ,用 等 
号 分 隔 ,而 不 同 的 属性 之 间 用 空格 分 隔 。 


格式 为 : 
< 标记 符 属性 二 属性 值 1 属性 关 属 性 值 2…> 被 标记 的 内 容 < /标记 符 > 
HTML 属性 通常 也 不 区 分 大 小 写 。 一 个 标记 可 以 有 多 个 属性 ,各 属性 之 间 无 先后 次 序 ， 


属性 也 可 省 略 , 当 属性 省 略 时 就 取 默 认 值 。 属 性 值 可 以 直接 书写 ,也 可 以 使 用 引号 括 起 来 。 


如 果 该 标记 带 一 些 属性 ,写成 : 


<hr size=3 aligre left width= "5% "> 


表示 在 文件 当前 位 置 画 一 条 水 平 线 , 线 的 粗细 为 3pixel( 像 素 ), 居 左 对 齐 , 画 满 整 个 窗口 宽 
度 的 75%。 
其 中 ,size 属性 定义 线 的 粗细 ,属性 值 取 整 数 ,默认 值 为 1 pixel( 像 素 ) 。 
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align 属性 表示 对 齐 方式 .可 取 left( 左 对 齐 ,默认 值 ) ,center( 居 中 ) ,right( 右 对 齐 ) 。 

width 属性 定义 线 的 长 度 ,可 取 相对 值 ( 由 一 对 双 引 号 括 起 来 的 百分数 ,表示 相对 于 充 
满 整 个 窗口 的 百分比 ) ,也 可 取 绝 对 值 ( 用 整数 表示 的 屏幕 像素 点 的 个 数 , 如 width = 
"300") ,默认 值 是 100%”。 

5. 注释 语句 

为 了 使 程序 清楚 .容易 理解 ,供用 户 阅 读 方便 ,应 该 在 程序 中 添加 注释 。 

注释 语句 的 格式 为 : 


< !-- 注 释文 --> 


<! 注 释文 > 


注释 语句 可 以 放 在 程序 的 任何 地 方 ,注释 内 容 不 在 浏览 器 中 显示 。 例 如 ,二 ! 一 一 ASP 
. NET 基础 一 一 二 或 者 二 ! ASP. NET 网 站 设计 教程 二 都 可 作为 HTML 代码 的 注释 。 


2.2 文本 和 图 像 标 记 


HTML 基本 标记 有 很 多 ,包括 文件 结构 标记 、 文 本 版 面 编辑 标记 、 列 表 标 记 、 图 像 标 记 、 
超 链 接 标记 、 表 格 标记 、 表 单 标 记 框 架 标记 等 。 本 节 详 细 介 绍 文本 和 图 像 标记 。 


2.2.1 常用 文本 标记 


页 面 文本 标记 是 一 组 用 来 控制 页 面 文字 显示 效果 的 标记 ,包括 文字 字 型 控制 .段落 控 
制 . 显 示 方 式 控制 等 。 这 些 格 式 化 标记 都 是 用 于 二 BODY 二 一 /BODY 二 标记 对 之 间 的 。 常 
用 文本 标记 如 表 2. 1 所 示 。 
表 2.1 常用 文本 标记 
标 记 说 明 


地 址 标记 ,一 般 放 在 文件 体 的 首部 或 尾部 。 一 address 二 和 二 /address 二 之 间 的 内 容 通常 
是 有 关 编 程 者 的 信息 ,包括 姓名 、 身 份 等 


<b> 成 对 出 现 。 志 b> 和 去 /b> 之 间 的 内 容 将 显示 为 粗 体 文字 
三 br 单独 出 现 ,作用 相当 于 插入 回 车 符 。 如 果 没 有 二 br 二 换行 标记 ,Web 浏览 器 窗口 


address> 


> 将 根据 浏览 器 窗口 的 宽度 尽 可 能 长 地 显示 文本 
二 hi 这 标记 成 对 出 现 , 夹 在 二 hi 和 二 /hi 之 间 的 文字 是 文件 中 的 标题 。 标 题 文字 都 用 

ee 粗 体 显示 ,上 级 标题 总 比 下 面 各 级 标题 更 大 些 .更 粗 些 。 二 bi 标记 共 分 6 级 ,其 中 ， 
一 hl 二 标记 括 起 的 文字 是 第 一 级 标题 ,最 大 最 粗 , 而 一 h6 二 标记 括 起 的 文字 是 最 后 一 级 
标题 ,最 小 最 细 

ee 一 hr 标记 单独 出 现 ,作用 是 换行 并 在 该 行 下 面 丙 二 条 水 平 直线 。 它 有 三 不 属性 值 ， 


size .width 和 align, 分 别 用 以 规定 水 平 线 的 高 度 .宽度 和 水 平 线 在 浏览 器 窗口 中 的 位 置 
人 去 全 和 到 /这 之 间 的 内 容 将 显示 为 斜体 


P 是 paragraph 的 意思 .用 于 划分 段落 ,作用 是 换行 并 插入 一 个 空白 行 ,二 p 二 标记 可 以 单 
独 使 用 ,也 可 成 对 使 用 。 成 对 使 用 时 .可 以 添加 align 属性 , 标 出 段落 在 浏览 器 中 的 位 置 
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续 表 
标 记 说 明 
反 pre> 是 预 格式 化 标记 ,HTML 的 输出 是 基于 窗口 的 ,因而 HTML 文件 在 输出 时 都 要 
<pre> 重新 排版 ,对 确实 不 需要 重新 排版 的 内 容 , 可 使 用 二 pre 宝 … 二 /pre。 浏 览 器 在 输出 时 ， 
对 二 pre>… 王 /pre> 之 间 的 内 容 几 乎 不 做 修改 地 输出 
<u> 去 u 字 和 去 /u> 之 间 的 内 容 将 显示 为 带 下 划 线 的 文字 


1. 正文 标题 标记 

HTML 用 过 hl 之 到 过 h6 之 这 几 个 标记 来 定义 正文 标题 ,字体 从 大 到 小 。 每 个 正文 标题 
自 成 一 段 。 

语法 格式 : 

<hi 属 性 二 属性 值 1 属性 并 属性 值 2…> 正 文 标题 文字 < /hi> (i=1,2,… ,6) 

说 阴 : 

(1) 二 hl 二 … 达 /hl 二 的 字体 最 大 ,二 h6 二 … 二 /h6 的 字体 最 小 。 使 用 正文 标题 样式 
时 ,必须 使 用 结束 标记 符 。 

(2) 常用 的 属性 有 align,face,size,color 等 。align 用 来 设置 标题 在 页 面 中 的 对 齐 方式 : 
left( 左 对 齐 ) ,center( 居 中 ) 或 right( 右 对 齐 ) ;face 设置 字 型 ;size 设置 字号 ;color 设置 字 的 
颜色 。 

例如 : 


<h4 align= "left" face= '" 展 体 _GB2312" size= "4" color= 只 0000FF"> 青 海 民 族 大 学 计算 机 学 院 < /h4> 


(3) 二 hn 之 … 达 /hn 二 标记 符 默认 显示 宋体 。 二 hn 二 … 达 /hn 二 标记 符 会 自动 插入 一 
个 空 行 ,不 必 再 用 空 行 标记 符 。 在 一 个 正文 标题 行内 无 法 使 用 不 同 大 小 的 字体 。 

(4) 一 hn 二 … 玫 /hn 二 标记 与 HEAD 中 的 到 title 之 …< 一 /title 二 定义 的 网 页 标题 不 同 ， 
正文 标题 内 容 显示 在 浏览 器 窗口 内 ,而 不 像 网 页 标题 ,网 页 标题 显示 在 浏览 器 的 标题 栏 中 。 

【 例 2.3】 在 浏览 器 窗口 内 显示 不 同 的 正文 标题 字体 。 


<htm> 
<bodqy> 
<hl> 这 是 卫 标 题字 体 < /hl> 
<h2> 这 是 开标 题字 体 < /2> 
<h3> 这 是 一 标题 字体 < /h3> 
<h4> 这 是 暴 标 题字 体 < /h4> 
<h5> 这 是 五 标题 字体 < /h5> 
<h6> 这 是 B6 标 题字 体 < /he> 
< /pody> 
< /htm> 


显示 结果 如 图 2. 3 所 示 。 
【 例 2.4】 标题 字体 中 加 入 属性 后 的 变化 。 
代码 为 : 
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< F:\ASP. NET\Ex2_3. HIML -...[- [OX 


闫 F:\ASP. NET\Ex2_3.HTHL 图 [3|[x|[ 依 


文件 E) 编辑 EE) 查看 (WD) 收藏 夫 (&) 工具 (T) 帮 县 ” 
如 [fe | 人 加 
上 


这 是 Hl 标 题字 体 


这 是 H2 标 题字 体 
这 是 H3 标 题字 体 


这 是 H4 标 题字 体 
这 是 H5 标 题字 体 


这 是 B6 标 是 字体 


图 2.3 例 2.3 在 正中 的 运行 


Ee 
汀 


<htm> 
<body> 不 同 的 标题 字体 : 
<h3> 这 是 码 标题 字体 !< /h3> 
<h4 color=# ff0000 align= right> 这 是 琢 标 题字 体 !< /h4> 
<h5 align= center> 这 是 十 标题 字体 !< /hs> 
<h6 align= left > 这 是 HB6 标 题字 体 !< /he> 
< /body> 
</htm> 


显示 结果 如 图 2.4 所 示 。 


< F:\ASP. NET\Ex2-4. HTML -...[- | 口 |%| 
GO Or:wsp. mr\x2-4. mL 国 [s+|[x| [P pine 
文件 (E) 编辑 EE) 查看 (W) 收藏 大 A) 工具 (T) 帮 有 ” 
底 收 藏 天 ”| 妈 |- | 名 F... | 入 F.x| | 向 ” 回 


不 同 的 标题 字体 : 
这 是 H3 标 题字 体 ! 


这 是 H4 标 题字 体 ! 
这 是 H5 标 题字 体 ! 


图 2.4 例 2.4 在 正中 的 运行 结果 
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2. 文字 格式 标记 

在 网 页 中 为 了 增强 页 面 的 层次 ,其 中 的 文字 可 以 用 不 同 的 大 小 、 字 体 、 字 型 和 颜色 ,通常 
使 用 font 标记 符 来 完成 。 

font 标记 符 的 语法 格式 为 : 

<font size= 粕 字 " face=" 叶 体 名 " color= " 顺 色 咱 被 设置 的 文字 < /font> 

说 明 : 

(1) size 属性 是 字号 属性 ,用 于 控制 文字 的 大 小 , 它 的 取 值 可 以 是 : 1,2,3,4,5,6,7 或 
十 N, 一 N( 既 可 以 是 绝对 值 ,也 可 以 是 相对 值 )。 默 认 值 为 3 号。 

(2) face 属性 是 字体 属性 ,用 来 指定 字体 样式 。 默 认 值 为 字体 。 

(3) color 属性 可 用 来 控制 文字 的 颜色 ,属性 值 可 以 是 6 位 十 六 进 制 值 或 HTML 预定 
义 的 颜色 常量 名 (如 olive,teal,maroon,navy ,gray ,lime,fuchsia,purple)。 

【 例 2.5】 设置 各 种 基本 文字 字体 的 大 小 。 

代码 为 : 


<htm> 
<body> 
< font size= 思 这 是 7 号 字体 !I< /font><br> 
< font size=5> 这 是 5 号 字体 !1< /font><br> 
< font size= 3 这 是 3 号 字体 !< /font> <br> 
< font size= 作 这 是 2 号 字体 !!< /font> <br> 
<font size=]> 这 是 1 号 字体 !!< /font><br> 
< /body> 
< /html> 


浏览 器 的 显示 结果 如 图 2.5 所 示 。 


F:\ASP. NET\Ex2_5.html -... 攻占 区 | 
OO- 轿 F:NASP.MNETVEx2_5.html 图 [名 |[x||Ppi 
文件 FE) 编辑 (E) 查看 (Y) 收藏 夹 (&) 工具 (T) 帮助 ” 


实 收 藏 夹 | 励 F:\ASP.NET\Ex2...| | 侩 ~ = 


be 三] 加 心 
这 是 7 号 字体 ! ! 
这 是 5 号 字体 ! ! 

这 是 3 号 字体 ! | 

这 是 2 号 宇 体 ! ! 

这 是 1 号 字体 1 ! 


租 - 和 100% 
图 2.5 例 2.5 在 IE 中 的 运行 结果 
注意 : 字体 标记 不 会 自动 换行 ,这 一 点 与 标题 字体 不 同 。 
3. 字 型 设置 标记 
HTML 定义 了 多 种 用 于 字体 和 字 型 修饰 的 标记 。 其 功能 是 设置 文字 的 风格 ,如 粗 体 、 
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斜体 、 带 下 划 线 等 。 这 些 标 记 可 以 单独 使 用 ,也 可 以 混合 使 用 ,产生 复合 修饰 效果 。 常 用 的 
字 型 标记 如 表 2. 2 所 示 。 


表 2.2 常用 的 字 型 标记 


标 记 说 明 

一 b> 二 b> 二 /b> 使 文本 以 粗 体 字 的 形式 输出 (bold) 

< 二 这 二/ 访 使 文本 以 斜体 字 的 形式 输出 (italic) 

=u> 二 u 二 /u> 加 下 划 线 的 形式 输出 (underline) 

<s> 二 s 二 二 /s 二 加 删除 线 的 形式 输出 (strikeout) 

=sub> 近 sub> 二 /sub> 作 为 下 标 显示 (subscript) 

一 sup 二 去 sup 二 一 /sup 二 作为 上 标 显 示 (Csuperscript) 

一 tt <t 二 二 /tt 二 输出 打字 机 风格 字体 的 文本 (等 宽 体 显 示 西 文字 符 ) 
=small> 一 small 二 一 /small 二 使 文字 大 小 相对 于 前 面 的 文字 减 小 一 级 
<big> 二 big 达 /big 二 使 文字 大 小 相对 于 前 面 的 文字 增 大 一 级 
<cite> 一 cite 二 二 /cite 二 输出 引用 方式 的 字体 ,通常 是 斜体 

一 em 二 二 em 二 二 /em 二 输出 需要 强调 的 文本 (通常 是 斜体 加 粗 体 )(emphasis) 
一 Strong 二 所 strong 二 二 /strong 二 输出 加 重文 本 (通常 是 斜体 加 粗 体 ) 


【 例 2.6】 设置 不 同 字 型 的 文本 标记 格式 。 
代码 为 : 


<htm> 
<head> 
<title> 文 本 标记 的 综合 示例 < /title> 
< [head> 
<body text= "blue"> 
<hl> 最 大 的 标题 < /hl> 
<h3> 使 用 I3 的 标题 < /h3> 
<h@ 最 小 的 标题 < /he> 
<E><b>< 这 粗 体 并 斜体 字 文本 < />< 上 >< 上 > 
<PE>< 几 <big> 下 划 线 并 比 前 面 字 号 大 一 级 的 文本 < /big>< />< /p> 
<FE><tt> 打 字 机 风格 的 文本 < /tt></e> 
<p><cite> 引 用 方式 的 文本 < /cite>< /p> 
<E><em> 强 调 文本 < /ear < /p> 
<p><strong> 加 重文 本 < /strong> < /p> 
<p><font size= "+ 1" color= 只 FE0000"> size 取 值 "+1"color 取 值 为 红色 时 的 文本 < /font></p 
多 
< /body> 
< /htm> 


运行 结果 如 图 2.6 所 示 。 
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BD IF:\ASP. NET\Ex2_6.html 图 | 寻 | 凡 PBing 
文件 E) 编辑 (E) 查看 (WD 收藏 天 (8) 工具 (I) 帮助 印 
交 收 藏 天 ”| 政文 本 标记 的 综合 .…| | 入 - 局 过 ”页 面 @) ~ 


最 大 的 标题 


使 用 h3 的 标题 
县 小 的 标杆 
考研 刘 竹 疆 字 区 表 
下 划 线 并 比 前 面 字号 大 一 级 的 文本 
打字 机 风格 的 文本 
绚 礁 方式 扑 广 区 
器 兽 区 下 
加 重文 本 
size 取 值 *+1”color 取 值 为 红色 时 的 文本 


图 2.6 文本 标记 的 综合 示例 

4. 换行 标记 二 br 二 

在 HTML 文件 中 ,无 法 用 多 个 回 车 ,空格 ,Tab 键 来 调整 文件 段落 的 格式 。 要 用 
HTML 的 标记 符 来 强制 换行 、 分 段 。 

去 br> 是 一 个 很 简单 的 标记 , 它 没 有 结束 标记 ,因为 它 是 用 来 创建 一 个 回 车 换行 的 。 它 
不 产生 一 个 空 行 ,但 连续 多 个 二 br 二 标记 可 以 产生 多 个 空 行 的 效果 。 

在 二 br 二 的 使 用 方面 还 有 一 定 的 技巧 ,如 果 把 二 br 二 加 在 二 p 二 三 /p 二 标记 对 的 外 边 ， 
将 创建 一 个 很 大 的 回 车 换行 , 即 二 br 二 前 面 和 后 面 的 文本 的 行 与 行 之 间 的 距离 很 大 , 若 放 在 
二 p 记 二 /p 二 的 里 面 , 则 过 br 过 前面 和 后 面 的 文本 行 与 行 之 间 的 距离 比较 小 。 

注意 : 二 br 这 标记 是 单独 使 用 的 。 

【 例 2.7】 删除 例 2. 5 中 的 全 部 换行 标记 ,比较 显示 结果 。 

将 例 2.5 的 代码 改写 为 : 


<htm> 
<body> 
<font size= 思 这 是 7 号 字体 !1< /font> 
< font size= > 这 是 5 号 字体 !1< /font> 
<font size= 3> 这 是 3 号 字体 !!< /font> 
<font size= 作 这 是 2 号 字体 !1< /font> 
< font size=1> 这 是 1 号 字体 !1< /font> 
< /body> 
</htm> 
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删除 换行 标记 二 br 二 ,其 运行 结果 如 图 2.7 所 示 。 


< F:\ASP. NET\Ex2 7.html — Windows I.. 


稳 回 - 由 r:WwsP.MWwET\Ex2_7.htm 图 [|[x| [PBing 
文件 (编辑) 查看 () 收藏 天 8) 工具 (I) 帮助 
帘 收 藏 天 “| 辐 |-| 乱 文 .| 大 FF X[ | 从 ~ EE 


这 是 7 号 字体 ! ! sesss 


体 ! ! 这 是 3 号 字体 | | 这 是 2 号 字体 ! ! 这 是 :3 他 1 1 


图 2.7 例 2.7 在 I 正中 的 运行 结果 


5. 段落 标记 一 p 二 

段落 标记 二 p 二 用 于 将 文件 划分 为 段落 ,在 此 标记 对 之 间 加 入 的 文本 将 按照 段落 的 格 
式 显 示 在 浏览 器 上 。 

设置 段落 标记 符 的 格式 为 : 


<p align= "对 齐 方式 吃 文 字 < /p> 


align 属性 用 于 设置 段落 的 对 齐 方式 ,其 常见 取 值 有 三 种 : right( 右 对 齐 )、left( 左 对 
、center( 居 中 对 齐 ) 。 

【 例 2.8】 设置 段落 标记 。 

代码 为 : 


<htm> 
<body> 
<p alignr= "Jeft"> 青 海 民 族 大 学 < /p> 
<p alignr "center"> 青 海 师范 大 学 < /p> 
<p alignr "right"> 青 海 大 学 < /p> 
<p> 青 海 广 播 电 视 大 学 < /p> 
< /body> 
</htm> 


运行 结果 如 图 2. 8 所 示 。 

6. 文本 居中 排列 标记 二 center 二 

文本 居中 排列 标记 过 center 二 一 /center 二 使 作用 的 对 象 在 屏幕 的 中 央 显 示 。 
【 例 2.9】 设置 文本 居中 排列 标记 。 

代码 为 : 


区 


<html> 
<head> 
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< F:\ASP.NET\Ex2 8. html — Windows In... 


A 一 
KF EH” | F:\ASP. NET\Ex2_8.html 图 | 扣 | 风 [PBing 


文件 (E) 编辑 他) 查看 () 收藏 夫 (&) 工具 (I) 帮助 (0) 
交 收 藏 天 ”|BE|-|«| 贸 F:… x[» 


从 ~- 国 - 电 吊 ” 页 面 [E)v 


青海 民族 大 学 


青海 广播 电视 大 学 


图 2.8 段落 标记 的 设置 
<title> 居 中 显示 < /title> 
< /head> 
<body> 
< center> 
<h3> 此 行文 本 在 屏幕 的 中 央 显 示 <h3> 
< /center> 
此 行文 本 不 在 居中 排列 标记 之 内 


运行 结果 如 图 2.9 所 示 。 


< 居中 显示 一 Windows Internet Explorer 国 回 加 
PTRA a fr 0 
多 加- 加 Fi:ASP.METVEx2_9.html 图 [ 乡 [|x||P: 

文件 (EF) ”编辑 (E) 查看 (Y) 收藏 夹 (&) 工具 (T) 帮助 (H) 

突 收 藏 大 ”[ 妈 [-[«] 功 居 : 交 [»[| | 但 - 馈 地 ”页 面 E)> ” 


][2H] 


此 行文 本 在 屏幕 的 中 央 显示 
此 行文 本 不 在 居中 排列 标记 之 内 


图 2.9 文本 居中 排列 标记 的 设置 
7. 水 平 线 标记 二 hr 二 


线 标记 过 hr 之 可 以 在 Web 页 面 上 插入 一 条 水 平 线 。 线 的 宽度 和 高 度 是 可 调 的 ,该 
标记 对 于 美化 页 面 很 有 帮助 。 其 属性 有 align、width、size 和 noshade, 分 别 用 于 调整 水 平 线 
的 位 置 ,长度 .宽度 和 是 否 为 实心 线 。 

语法 格式 : 


<hr [size= 值 alige= 值 width= 值 noshadqe]> 


62 


HTML 简介 及 使 用 技巧 


align: 表示 水 平 线 位 置 与 前 面 类 似 , 有 right center、\left, 默 认 时 为 居中 。 

width: 表示 水 平 线 长 度 , 可 以 用 满 屏 宽度 的 百分数 表示 ,也 可 以 用 像素 值 指明 ,默认 
为 100%。 

size: 表示 水 平 线 宽度 ,可 以 用 像素 值 2、4、8、16、32 等 指明 ,默认 为 2,2 也 是 最 小 值 。 

noshade: 表示 水 平 线 是 一 条 实心 线 , 默 认为 一 条 阴影 线 。 

【 例 2. 10〗 在 页 面 上 插入 不 同样 式 的 水 平 线 。 

代码 为 : 


<htm> 

<body> 
<br> 
插入 水 平 线 1<hr ><br> 
插入 水 平 线 2< hr size= 4align= left width=75% > 
插入 水 平 线 hr size= 8 align= center width= 50% > 
插入 水 平 线 khr size= 16 align= right width= 50% noshade> 

< /body> 


: F:\ASP. NET\Ex2_10. html - Windows Inter... (|| 区 | 
PBing 


窑 收 藏 天 ”| 加 |- 六 F..， | 项 R| | 从 -加 -名 元 页面) 


插入 水 平 线 1 


插入 水 平 线 2 
插入 水 平 线 3 
插入 水 平 线 4 


图 2. 10 不 同样 式 的 水 平 线 


注意 : 与 二 br 过 类似, 二 hr 这 也 不 包括 结束 标记 符 。 

8. 特殊 字符 显示 标记 

由 于 字符 所、.& 、 之 和 空格 在 HTML 中 用 作 控 制 字符 ,如 果 要 将 它们 当 作 一 般 字符 显 
示 在 页 面 上 ,就 必须 用 以 下 方式 来 表示 。 

< &lt 

&., &amp 

Sw &. gt 

空格 : &nbsp 
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【 例 2.11】 页 面 上 显示 一 块 文本 ,文本 中 包含 字符 串 “ 二 BR 二 ”。 


代码 为 : 
<htm> 
<head><title> 有 关 文 本 标记 的 使 用 < /title> < /head> 
<bodqy> 
白 日 依 山 尽 <br> 
&1tERggt <br> < 上 -页 面 上 显示 字符 串 "BEE> "- -> 
<b> 黄 河 人 海流 </b><br> <!-- 文 本 加 粗 --> 
和 欲 穷 千 里 目 <br> 


<b> 更 上 一 层 楼 < /p><br> 
<hr size= 10 width= 100 align= left color=# 00ffo0>< !- -绿色 水 平 线 --> 
< /body> 
< /htm> 


< 有 关 文本 标记 的 . ..- | 加 | 湾 | 


运行 结果 如 图 2. 11 所 示 。 回 回 - | 凤 F:\WsP.MET\Ex2_11.html 国 [所 
文件 F) 编辑 入 ) 查看 (Y) 收藏 天 人) ” 
申 |-| 圆 白 .…| 铝 有 x| | 但 


2.2.2 图 像 标记 斌 收藏 夫 


超 文 本 支持 的 图 像 格式 一 般 有 X Bitmap 自 日 依 山 尽 
(XBM) ,GIF JPEG 三 种 ,所 以 对 图 片 处 理 后 要 保存 “|‖ 黄河 入 海流 
为 这 三 种 格式 中 的 任何 一 种 , 才 可 以 在 浏览 器 中 | 天 
看 到 。 

1. 插入 图 像 的 标记 所 img 二 

插 和 图像 的 标记 是 二 img> ,格式 为 : 


<img src= "图 形 文件 地 址 "alt= "简单 说 明 " longdesc=" 详 ”图 2.11 页 面 上 显示 字符 串 “ 和 BR 二 ” 
细 说 明 " width= "宽度 " height= "高 度 " border= "边框 长 
度 " hspacer "水 平 空白 " vspacer " 唾 直 空 白 " alignr "对 齐 方式 "> 
二 img 二 属性 说 明 如 表 2. 3 所 示 。 
表 2.3 一 img 二 属性 说 明 
属性 说 明 


指明 了 所 要 链接 的 图 像 文件 所 在 地 址 ,该 图 像 文件 可 以 在 本 地 计算 机 上 ,也 可 以 位 于 远 端 主 
机 上 


STC 


height “| 表示 图 形 的 高 度 ,默认 单位 是 像素 


width 表示 图 形 的 宽度 ,默认 单位 是 像素 


网 页 上 不 仅 有 图 形 还 有 文字 ,文字 与 图 形 之 间 有 各 种 不 同 的 对 齐 方式 ,用 属性 align 定义 对 齐 方 
式 。align 的 取 值 可 以 是 top .middle.bottom right left 中 的 一 个 。 默 认 时 图 像 放 在 文字 的 右边 


hspace | 表示 文字 与 图 像 之 间 的 水 平 距离 

vspace “| 表示 文字 与 图 像 之 间 的 垂直 距离 

alt 表示 当 鼠 标 移动 到 图 像 上 时 显示 的 文本 

border | 表示 图 形 的 边框 ,可 以 取 大 于 或 者 等 于 0 的 整数 , 值 为 0 时 无 边框 。 默 认 单 位 是 像素 


align 
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2. 图 像 属 性 赋值 

二 img 盖 标记 并 不 是 真正 地 将 图 像 加 入 到 HTML 文件 中 ,而 是 对 标记 的 SRC 属性 赋 
值 。 该 值 是 插入 图 像 文 件 的 文件 名 ,包括 路 径 。 路 径 可 以 是 相对 路 径 , 也 可 以 是 网 址 。 实 际 
上 就 是 通过 路 径 将 图 形 文件 内 入 到 文件 中 。 

所 谓 相 对 路 径 是 指 所 要 链接 或 嵌入 到 当前 HTML 文件 的 文件 与 当前 文件 的 相对 位 置 
所 形成 的 路 径 。 通 常 有 以 下 几 种 情况 。 

(1) 假如 HTML 文件 与 图 形 文件 (假设 文件 名 为 logo. gif) 在 同一 个 目录 下 , 则 可 以 将 
代码 写成 二 img src 一 "logo. gif" 二。 

(2) 假如 图 形 文件 放 在 当前 的 HTML 文件 所 在 的 目录 的 一 个 子 目 录 ( 子 目录 名 假设 是 
images) 下 , 则 代码 应 该 为 一 img src 一 "images/logo. gif" 二 。 

(3) 假设 图 形 文件 放 在 当前 的 HTML 文件 所 在 的 目录 的 上 层 目录 (目录 名 假设 是 
home) 下, 则 相对 路 径 就 必须 是 准 网 址 了 。 即 用 “../” 表 示 网 站 ,然后 在 后 面 紧 跟 文件 在 网 站 
中 的 路 径 。 假 设 home 是 网 站 下 的 一 个 目录 , 则 代码 应 为 <img src 一 "../home/logo. gif" 二， 
若 home 是 网 站 下 的 目录 king 下 面 的 一 个 子 目录 , 则 代码 应 该 为 二 img src 一 "../king/ 
home/logo. gif" 二 了 。 

注意 : 属性 src 在 所 img 盖 标记 中 是 必须 赋值 的 ,是 不 可 缺少 的 部 分 。 

【 例 2.12】 在 HTML 文件 中 插入 两 幅 图 片 ,这 两 幅 图 片 的 文件 名 分 别 是 “gou. jpg” 和 
“quest. gif”, 与 HTML 文件 保存 在 同一 目录 下 。 

<html> 

<head> 
<title>Web 页 面 制作 < /title> 
< /head> 
<body> 
< img src= gou.jpg align= left alt= 狗 > 居 左 不 加 框 的 图 像 
<E><PE><P> 
加 框 的 图 像 < img src= quest.gif border= 2 height= 165 wdith= 200 alt= quest> 
< /body> 

< /html> 

运行 结果 如 图 2. 12 所 示 。 

当 鼠 标 移动 到 两 幅 图 片上 时 分 别 显示 文本 “ 狗 ” 和 “quest”。 

注意 : 图 像 标 记 <<img 盖 没有 结束 标记 。 一 般 插 入 的 是 小 图 片 ,否则 浪费 空间 。 当 图 片 
较 大 时 ,或 希望 用 户 选择 性 地 看 图 时 ,可 制作 一 个 链接 。 


2.2.3 超 链接 标记 


1. 链接 到 本 机 的 另 一 个 Web 页 面 

从 当前 页 面 链接 到 本 机 上 的 Web 页 面 , 用 标记 近 a>…< 到 /a> 定 义 一 个 超 链接 ,把 文件 
名 和 路 径 赋 给 href 属性 即 可 。 

语法 格式 : 


<a href- "filename.html> 文 本 内 容 < /a> 
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< Web 页面 制作 一 Windows In... 
SO 加 FASP.IETYEzz_12.htm 图 上 | 


文件 @) 编辑 EE) 查看 (WD) 收藏 夫 (A) 工具 (T) EE 


交 收 藏 大 |G[-[<| 禄 [5 | 从- 日 - 口 


站 


图 2.12 图 像 标记 的 应 用 


执行 后 在 浏览 器 中 将 看 到 "文本 内 容 " 变 色 并 加 下 划 线 , 当 鼠 标 移 到 上 面 时 ,箭头 变 成 手 
形 光 标 , 表 示 在 此 处 单 击 鼠 标 ,会 链接 到 同一 机 器 同一 路 径 的 filename. html 文件 上 。 

【 例 2. 13】 当前 页 面 上 设置 超 链 接 ,链接 到 本 地 计算 机 的 Ex2_12. html 文件 。 

代码 为 : 


<htm> 
< head> 
<title> 图 片 的 链接 < /title> 
< /head> 
<body> 
<a hre 全 "Ex2_12.html"> 链 接 到 Ex2 12.htm 文件 < /a><br> 
< /body> 
< /html> 


行 结果 如 图 2. 13 所 示 。 


-图片 的 链接 - Window- . - 

6 ,| 到 DO 
SSO- Br:\Wsp. MT\Ex2 13.htm 国 [|[x| | 
文件 于 ) 编辑 (E) 查看 (W) 收藏 夹 (&) 工具 Q] ” 


褒 收 藏 大 | 茵 图 片 的 楼 全- 


接 到 Ex2 12. html 文 件 


图 2.13 图 片 的 链接 
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当 鼠 标 单 击 “ 链 接 到 Ex2_12. html 文件 ”时 , 即 可 打开 Ex2_12. html 文件 ,显示 如 
图 2. 12 所 示 的 结果 。 

2. 链接 到 另 一 台 计算 机 上 的 Web 页 面 

【 例 2.14】 页 面 上 设置 超 链 接 ,链接 到 青海 民族 大 学 的 主页 。 

< 二 html 二 链接 到 另外 一 台 计 算 机 上 的 Web 页 面 , 只 要 把 目标 的 URL 地 址 赋 给 href 
即 可 。 

语法 格式 : 


<ahreE "EL 地 址 省 文本 内 容 </a> 


<htm> 
<head> 
<title> 网 页 的 链接 < /title> 
< /head> 
<body> 
<a href= "http://www.qmu.edu.cn"> 这 里 是 青海 民族 大 学 的 主页 < /a> 
< /body> 


< 网 页 的 链接 - Windows In... [CCK 
SO Or:\Wasp. MT\Ex2 14.htm 国 [s+|[x| [P pine 
文件 (FE) 编辑 (E) 查看 (YW) 收藏 夹 (8) 工具 (T) 帮 E” 


» 


六 收藏 天 ”| 夯 同 页 的 链接 


图 2.14 链接 到 另 一 台 计算 机 上 的 Web 页 面 


单 击 文本 内 容 , 即 可 链接 到 目标 页 面 。 单 击 目 标 页 面 的 “返回 ”按钮 ,又 可 回 到 初始 
页 面 。 

3。 链接 到 文件 内 的 指定 位 置 ( 锚 点 ) 

1) 什么 是 锚 点 

锚 点 是 指 网 页 内 部 的 超 链接 。 锚 点 能 更 精确 地 控制 访问 者 在 其 单 击 超 链接 之 后 要 到 达 
的 位 置 。 没 有 引入 锚 点 的 链接 将 把 访问 者 带 到 目标 网 页 的 顶端 ,而 访问 者 单 击 了 一 个 引入 
锚 点 的 超 链 接 时 ,将 直接 跳 转 到 这 个 锚 点 所 在 的 位 置 。 


2) 锚 点 的 使 用 

使 用 锚 点 ,一 般 是 先 设置 锚 点 .然后 对 锚 点 进行 链接 。 语 法 格式 为 : 
<a name= "am>…</a> < 二 -设置 锚 点 标记 --> 

<ahref=#4A>…</a> < 上 二 -链接 到 锚 点 所 在 的 位 置 --> 


上 述 语句 放 在 网 页 中 过 body> 与 一 /body> 之 间 的 任意 位 置 。 
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【 例 2. 15】〗】 锚 点 链接 。 


<html> 
<head> 
<title>Web 页 面 制作 < /title> 
< /head> 
<bodqy> 
<a name=" 登 执 淮 楼 心 第 一 行 < /a> 为 " 哨 " 味 记 。 
<p>《 登 切 淮 楼 )<br> 
王 之 澳 <br> 
白 日 依 山 尽 ,<br> 
黄河 人 海流 。<br> 
和 欲 穷 千 里 目 ,<br> 
更 上 一 层 楼 。<br> 
<B><pP> 
<ahre 伍 嘲 登 驮 从 楼 "> 从 这 里 可 链接 到 第 一 行 < /a> 
< /body> 
< /htm> 


浏览 器 中 的 显示 结果 如 图 2. 15 所 示 。 


:Web 页 面 制作 - Wind... | | 口 | 六 | 
文件 (E) 编辑 (E) 查看 (YW) 收藏 夹 (8) 工具 ! ” 
帘 收 藏 严 ”| 妈 |-[<| 留 We... Xx[>| | 偷 ~ 


第 一 行为 “ 锚 ”标记 。 
《 登 鸡 淮 棱 》 

王 之 澳 

自理 依 山 尽 ， 


黄河 入 海流 。 
欲 序 千里 目 ， 
更 上 一 层 楼 。 


从 这 里 可 链接 到 第 一 行 


图 2.15 锚 点 链接 


单 击 图 中 蓝 色 的 超 链 接 , 即 可 链接 到 锚 标 记 “ 登 汰 省 楼 ”。 当 网 页 内 容 比 较 多 ,内 容 显示 
在 多 屏 上 时 ,能 明显 地 看 出 链接 效果 ,在 同一 屏幕 看 不 出 链接 变化 。 


2.3 表 格 


表格 是 由 行 和 列 交叉 而 成 的 单元 格 组 成 的 二 维 网 格 ,用 于 组 织 和 表达 结构 化 的 信息 ,也 
于 规划 网 页 布局 ,是 HTML 文件 中 功能 最 为 灵活 的 标记 。 利 用 表格 标记 的 多 种 属性 可 
以 设计 出 多 样 化 的 表格 ,用 来 存放 网 页 上 的 文本 和 图 像 。 
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2.3.1 表格 基本 结构 


HTML 表格 的 结构 与 平时 使 用 的 其 他 表格 一 样 , 也 是 由 若干 的 行 和 列 构成 。 在 
HTML 中 创建 表格 用 到 以 下 基本 标记 。 

二 table 二 过 /table 记 : 定义 表格 标记 。 

二 tr 之 /tr 二 : 定义 行 标记 。 

二 th 过 /th 二 : 定义 表 头 标记 。 

到 td> 二 /td>: 定义 单元 格 标记 (表格 的 具体 数据 ) 。 

【 例 2.16】 在 HTML 文件 中 创建 一 个 3X2 的 表格 。 

代码 为 : 


<htm> 
<head> 
<title> HIML 表 格 的 基本 结构 < /title> 
< /head> 
<body> 
< table border= "1"> 
<tr><td>al< /td<td>a2< /to>< /tr> 
<tr><tdp>bl< /td><td>b2< /td>< /tr> 
<tr><to cl< /to><to c2< /td>< /tr> 
< /table> 


运行 结果 如 图 2. 16 所 示 。 


2 HTML 表 格 的 基本 结构 - Wi... [- | 口 | 
多 回 - 加 Fi:wAsP.NETVExz2_17.html 图 | 乡 |[x| [PB: 
文件 (FE) 编辑 (E) 查看 (Y) 收藏 夹 (8) 工具 (I) 帮 ” 
从 收藏 夹 | 乱 HTHL 表 格 的 基本 ... | | 侩 ~ a 


局 我 的 电脑 


图 2.16 创建 3X2 的 表格 


【 例 2. 17】〗 创建 一 个 边框 为 1 的 3X3 的 表格 ,表格 中 填写 具体 的 数据 。 
代码 为 : 
<html> 
<head> 
<title> 学 生 基 本 情况 表 < /title> 
< /head> 
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<table border=1> 
<tr><th> 姓 名 </th><th> 性 别 </th><th> 年 龄 < /th> 
<tr><t 中 李霞 < /td<t 中 女 </td><tad 25c /td> 
<tr><t 中 刘 丽 < /ta><to> 女 < /to><to2x /to> 
<tr><td 王 峰 < /ta><to> 男 < /td> <td> 22< /td> 

< /table> 


“学生 基本 情况 表 Windows. - - 


文件 (ED) 编辑) 查看) 由 
空 收藏 夹 | 始 |-| 乔 HL... 


姓名 性别 年 龄 
谭 起 让 ”|25 
刚 丽 放 [23 
王峰 | 男 |22 


辟 我 的 电脑 


图 2.17 创建 3X3 的 表格 


2.3.2 表格 常用 标记 及 属性 
1. 表格 常用 标记 
HTML 中 创建 表格 常用 的 标记 如 表 2. 4 所 示 。 
表 2.4 表格 常用 标记 
标 记 说 明 


=table> 定义 表格 ,二 table> 表 示 表 格 的 开始 ,二 /table 二 表示 表格 结束 


定义 表格 标题 。 格 式 : 二 caption align= # 二 表格 标题 二 /caption 二 ,表示 一 个 表格 的 
=caption> 标题 ,align 的 值 可 选择 top( 放 在 表格 上 方 居中 ) ,bottom( 放 在 表格 下 方 居中 ) ,默认 值 
为 上 方 居 中 


定义 表格 的 表 头 , 即 字段 名 标记 。 格 式 : 二 th> 字 段 名 二 /th> ,在 二 th 与 二 /th> 中 


> 间 写 字段 各 ,有 几 个 字段 就 加 入 几 个 字段 名 标记 

一 tr> 定义 表格 的 行 。 格 式 : 一 tr>… 二 /tr> ,表示 表格 一 行 的 开始 和 结束 

=td> 定义 表格 单元 。 格 式 : 二 td 二 数据 二 /td 二 ,在 二 td> 与 二 /td> 之 间 写 人 具体 数据 
=thead> 定义 表格 的 页 眉 

tbody> 定义 表格 的 主体 

=tfoot> 定义 表格 的 页 肢 
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续 表 


=ecol> 定义 用 于 表格 列 的 属性 


2. 表格 标记 的 常用 属性 
表格 标记 的 常用 属性 如 表 2. 5 所 示 。 


表 2.5 表格 标记 的 常用 属性 


=colgroup> 定义 表格 列 的 组 


属 性 说 明 
align 设 定 表格 的 水 平 对 齐 方式 ,有 left、center、right 三 种 值 
bgcolor 设 定 表格 的 背景 色 
background 图 像 文 件 的 URL, 设 定 表格 背景 图 片 资 源 的 位 置 
border 设 定 表格 边框 线 的 宽度 。 默 认 值 为 0, 不 显示 边框 
cellspacing 设 定单 元 格 之 间 的 间隔 宽度 , 取 像 素 值 ,默认 值 为 2 
cellpadding 设 定 表格 单元 格 边框 与 数据 间 的 距离 , 取 像 素 值 , 默 认 值 为 1 
colspan 设 定单 元 格 可 横 跨 的 列 数 
rowspan 设 定单 元 格 可 横 跨 的 行 数 
width 设 定 表 格 的 宽度 值 或 相对 于 页 面 长 度 的 百分比 值 


【 例 2.18】 在 HTML 文件 中 创建 不 带 边框 和 带 边框 的 表格 。 


<html> 

<table> 
< caption> 本 周 菜 价 (元 / 斤 ) < /caption> 
<tr><th> 日 期 < /th><ti> 番 前 < /th><th> 青 椒 < /th> < /tr> 
<tr><td>8 月 2 日 </td><td2.50</td<td3.60</td></tr> 
<tr><td>8 月 3 日 </td><td> 2.50 </td><td>3.00< /td>< /tr> 

</table><hr ><hr > 

<table border= 4> 
<caption> 本 周 菜 价 (元 / 斤 )< /capticn> 
<tr><th> 日 期 </thby<th> 番 茄 < /th><th> 青 椒 < /th>< /tr> 
<tr><td>8 月 2 日 </td><td2.50</td<td>3.60</td></tr> 
<tr><td>8 月 3 日 < /td><td>2.50</td<td>3.00</td></tr> 

< /table> 

< /htm> 


运行 结果 如 图 2. 18 所 示 。 


注意 : 如 果 创 建 一 个 空白 表格 ,在 二 th 记 与 二 /th 这 二 td 放 与 过 /td 之 间 不 加 任何 数 


据 即 可 。 在 网 页 中 使 用 较 大 的 表格 ,会 降低 浏览 速度 。 
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<F:\ASP.NET\Ex2_20.html .. .人口 区 | 
PTRA - 
SO FF:\ASP. NET\Ex2_20. html 图 ||t+||x| | 


文件 E) 编辑 (E) 查看 (WD 收藏 只 (&) 工具 (T) 帮助 ” 
实 收 藏 大 ”| 旭 [-[<] 事 下 [>| | 全- 


本 周 菜 价 (元 / 斤 ) 
日 期 番 匣 青椒 
8 月 2 日 2.50 3.60 
8 月 3 日 2.50 3.00 


本 周 菜 价 (元 / 斤 ) 


8 月 2 日 |2. 50 [3. 60 
8 月 3 日 |2. 50 |3. 00 


图 2.18 不 带 边框 和 带 边框 的 表格 


【 例 2.19】 创建 一 个 表格 ,表格 的 第 一 行 单元 格 横 跨 4 列 。 
<htm> 
< table border= "2"> 


<tr> 


<td colspan= "4"> 学 生成 绩 表 < /td> < !-- 单 元 格 横 跨 4 列 --> 
< /tr> 


i 
<tda> 姓 名 < /to><ta> 英 语 < /to><td> 数 学 < /toc><ta > 语文 </td> 

< /tr> 

<tr> 

<t 中 李 锋 < /td <td> 95< /td> <tdy 98< /td <td> 89< /to> 

< /tr> 
< /table> 

< /html> 


运行 结果 如 图 2. 19 所 示 。 
【 例 2.20】 创建 一 个 表格 ,其 中 一 个 单元 格 横 跨 三 行 。 
<htm> 
< table border= "1"> 
<tr> 


<td rowspanr= "3" > 晚餐 食谱 < /td> < 上 -- 单 元 格 横 跨 三 行 --> 


<tda> 主 食 < /td><ta> 面 条 </td<tda> 饺 子 < /to> 
< 


<*ir> 


<ta> 粥 类 < /td> <ta> 小 米 粥 </td<ta> 八 宝 粥 < /to> 
< /tr> 
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关于 
<td> 甜 点 < /ta><to> 开 心 粉 < /ta><tc> 前 饼 果 < /td> 
/> 
< /table> 


运行 结果 如 图 2. 20 所 示 。 


F:\ASP. NET\Ex2 ... 全 器 区 | 

回 F:NASP.NETYEx2_21.html 贺 | 如 | 

文件 人) 编辑 (E) 查看 (V) 收藏 只 (8) = ” F:\ASP. NET\Ex2 2...|- |DIX 

容 收 藏 夫 | 入 FWASP.NET\Ex2...| | 芥 - © Er:\WsP. MwT\Ex2_22.htm 图 
文件 (EE) 编辑 E) _ 查看 (中 ) 收藏 天 人) EN 


了 施 旺 本 表 痪 收藏 天 
隆 名 席 语 数学 喇 文 
EE 


诗 廊 面条 人 孩子 
晚餐 食谱 及 天 不 来 戏 信 宇 戏 
而 点 折 忆 首 厂 斌 果 


最 我 的 电脑 入 -100% 
图 2.19 第 一 行 单元 格 横 跨 4 列 图 2.20 其 中 一 个 单元 格 横 跨 三 行 


2.3.3 表格 应 用 


1. 使 用 表格 排版 网 页 

使 用 表格 排版 网 页 ,可 以 使 网 页 更 美观 ,条 理 更 清晰 ,更 易于 维护 和 更 新 。 

2. 细 化 表格 

不 要 把 整个 网 页 放 在 一 个 大 的 表格 里 ,因为 一 个 大 一 
表格 里 的 内 容 要 全 部 加 载 完 才 会 显示 ,从 而 影响 浏览 效 下 国 | 
果 。 建 议 将 整个 页 面 划 分 成 若干 部 分 ,一 般 表 格 上 方 放 | 名 名 ”时 MSP.WEDEx2_24.html 
置 Logo、Banner、Menu 等 ,中 部 放置 页 面 内 容 、 下 方 放 Ee 多 较 人; 可 看 

空 收藏 夹 | 息 F:\ASP. NET\Ex2_ 

置 版 权 信 息 等 ,每 一 部 分 又 由 单独 的 表格 来 实现 ,尽量 
细 化 。 

3. 表格 设计 实例 

【 例 2.21】 创建 如 图 2. 21 所 示 的 两 个 表格 ,其 中 
第 一 个 表格 的 单元 格 之 间 没有 间距 ,第 二 个 表格 的 单元 
格 之 间 有 较 大 间距 。 , 

代码 如 下 。 图 2.21 单元 格 之 间 的 不 同 间距 


<html> 
< body> 
< table width= "200" oellspacing= "0" border= "1" bordercolor= "# 000000"™> 
<tr> 
<td> gnbsp < /to>< td> snbsp < /to>< to snbsp < /td 
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</tr> 
< /table> 
<br><br> 
< table widthr "200" oellspacing= "8" porder= "1" bordercolor= 啡 000000"> 
< 
< td> snbspx /td> < to> anbsp< /td> <td> snbsp< /td> 
< /tr> 
< /table> 
< /body> 
< /htm> 
比较 代码 ,两 个 表格 中 只 有 属性 cellspacing 的 设置 不 同 , 一 个 为 “0”, 一 个 为 “8”, 显 示 
的 结果 第 一 个 表格 的 每 个 单元 格 之 间 的 距离 为 0, 第 二 个 表格 的 每 个 单元 格 之 间 的 距离 
为 8。 
注意 : 如 果 表 格 的 单元 格 二 td 二 二 /td 二 之 间 没 有 内 容 , 那 么 这 个 单元 格 的 边界 是 不 会 
被 显示 出 来 的 ,尽管 整个 表格 已 设置 边界 值 。 要 显示 这 个 单元 格 的 边界 ,应 该 插入 空格 
符 &nbsp。 
【 例 2.22】〗 在 页 面 中 适当 加 入 带 有 立体 感 的 表格 标记 ,会 给 页 面 添 光 加 彩 。 制 作 如 
图 2. 22 所 示 的 带 有 立体 感 的 表格 。 


“ F:\ASP. NET\Ex2 27.html - ... 上 -| 口 区 | 


IPTTRA 
SO 图 Fi:NASP.NETYEx2_27.html 图 [4 2x] [P ping | 
文件 (ED) 编辑 E) 查看 (W 收藏 夹 (8) 工具 (T) 帮助) 
实 收 藏 天 ”| 昌 |-|« | 名 F... | 忽 F... | 入 F... | 入 F. x|» 


图 2.22 带 有 立体 感 的 表格 


代码 如 下 。 


<html> 
<body> 
< table width= "30% " border= "1" align= "left" oellpadding= "0" oellspacing= 
"0" bordercolor= "# FFFFFF" bordercolorlight= "# 000000" bgcolor= "# 999900"> 
<tr> <tpomx/to<to</to> </tr> 
<tr> <to</tp<to</to> </tr> 
</table> <br><br> 
< table width= "30% " border= "1" align= "left" oellpadding= "1" oellspacing= 
"2" pgcolor= "# 999900"> 
<tr> <torR/to<to</to> </t> 
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<tr> <tdp</td><tdp</td </tr> 
</table> 
< table widthr "30% " border= "1" align= "left" cellpadding= "1" cellspacing= 
"2" bordercolor= "# FEFFFE" bordercolorlight= "# 000000" bgcolor= "# 999900"> 
<tr> <tdpc</td><tdp</td </tr> 
<tr> <tdp</td><tdp</tdz </tr> 
< /table> 
< /body> 
< /html> 


注意 : 图 中 的 凸凹 效果 ,完全 是 由 属性 bordercoloer 控制 ,颜色 浅 一 些 , 会 有 凸 出 的 效 
果 ,颜色 深 一 点 ,会 有 凹陷 的 效果 。 
【 例 2.23】 制作 图 2. 23 所 示 的 表格 ,隐藏 表格 中 的 部 分 分 隔 线 。 


F:\ASP. NET\Ex2_26. html -... (C | 吕 | 区 | 


SO 加 FiNASP.NETYEx2_26.html 图 | 好 ||x| |P ping 
文件 (E) 编辑 (E) 查看 (W 收藏 天 人 8) 工具 (TI) 帮助 C >” 
帘 收 藏 天 ”| 曲 |-[<] 大 了 xl»| | 全 -和 卓 " 口 ” 


学 生成 绩 统计 表 


图 2.23 隐藏 表格 中 的 部 分 分 隔 线 


创建 表格 的 这 部 分 代码 如 下 : 


< table border= "1" oellpacding= "0" bgoolor= i C00000" widthe= "400" height= "75" > 
< caption> 
<p style= "margin- right: 16"> < font size= "5" color= 只 0000FF"> 学 生成 绩 统计 表 < /font> 
< /caption> 
<tr> 
< td alignr "center" valignr "middle" width= "40% " height="30"> 学 gnbsp; 号 < /td> 
< td alignr "center" valignr "middle" width= "208 " height="22"> 姓 gnbsp; 名 < /td> 
<taalign "canter" valig "middle" width "2% "height= "2> 高 等 数学 < /to> 
< td aligre "center" valign= "middle" width= "20% " height= "22"> 英 gnbsp; 语 < /to> 
> 
> 
< td alignr "center" valigr "imiddle" width= "40% ">2008000001< /td> 
< td alignr "center" valignr "middle" width= "208 "> 张 三 < /td> 
< td alignr "center" valignr "middle" width= "20% "> 95< /td> 
< td alignr "center" valignr "middle" width= "20% "> 90< /to> 
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< /tr> 

< tr> 
<td alige "center" valigre "middle" width= "40% " rowspar= "2 > 说 明 < /td 
<tdvalige "middle" width= "6% " oolgpar= "3> 成 绩 = 平 时 * 2% + 期 末 * 80% < /toc> 

</tr> 

区 E> 
<td valign= "migdle" width= "60% " colspan= "3"> 2012 年 8 月 < /td> 

</tr> 

< /table> 


2.4 表 单 


表单 (Form) 是 通过 HTML 实现 人 机 交互 的 主要 手段 ,用 于 采集 用 户 输入 的 信息 并 提 
交 给 服务 器 ,从 而 赋予 网 站 以 互动 能 力 。 

表单 是 实现 动态 网 页 的 主要 外 在 形式 ,网 站 无 论 使 用 哪 种 语言 来 实现 ,表单 都 是 其 实现 
互动 功能 的 统一 外 在 形式 。 

表单 的 处 理 过 程 一 般 由 描述 表单 标记 的 HTML 代码 与 服务 端的 表单 处 理 程序 共同 完 
成 。 表 单 处 理 信 息 的 过 程 为 : 当 单 击 表单 中 的 “提交 ”按钮 时 ,输入 到 表单 中 的 信息 将 自动 
上 传 到 服务 器 ,然后 由 服务 器 中 的 表单 处 理 程序 进行 处 理 , 处 理 的 结果 数据 要 么 储存 到 服务 
器 中 的 数据 库 , 要 么 反馈 到 客户 端 浏 览 器 ,以 用 户 需 要 的 样式 显示 出 来 。 


2.4.1 表单 基本 结构 


HTML 表单 作为 网 页 上 的 一 个 特定 区 域 ,由 过 form 过 过/form 之 标记 对 限定 其 作用 范 
围 ,其 他 的 表单 控件 必须 插入 在 表单 区 域内 。 表 单 的 常用 控件 对 象 如 表 2.6 所 示 。 


表 2.6 表单 的 常用 控件 对 象 


常用 控件 说 明 常用 控件 说 明 

text 单行 文本 框 select menu 下 拉 式 菜单 
textarea 多 行文 本 框 file select 文件 选项 域 
button 普通 按钮 submit “提交 ”按钮 
radio button 单 选 按钮 reset “ 重 置 " 按 钮 
checkbox 复 选 框 


去 form 之 标记 的 主要 内 容 为 可 选 的 各 类 表单 控件 定义 。 过 form 之 标记 的 事件 包括 
onsubmit 与 onreset 两 类 。 一 form 二 标记 的 常用 属性 如 表 2.7 所 示 。 


表 2.7 一 form 二 标记 的 常用 属性 
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属 性 说 明 

Method 指定 表单 数据 从 浏览 器 传送 到 服务 器 的 方法 ,有 get 和 post 两 种 ,默认 为 get 
Action 定义 表单 处 理 程序 的 位 置 或 表单 提交 的 电子 邮件 地 址 

Target 指定 目标 信息 的 打开 窗口 类 型 

enctype 设置 表单 内 容 的 编码 方式 

表单 定义 的 形式 如 下 。 


< fom 属 性 关键 字 = 属 性 值 … 


[select menu 元 素 定义 ] 
[text 元 素 定 义 ] 
[input 元 素 定 义 ] 


< /form> 


可 以 在 同一 个 网 页 中 定义 多 个 表单 ,但 表单 不 允许 说 套 定义 。 


"> 


2.4.2 表单 常用 控件 及 属性 


1. 表单 的 输入 控件 


表单 的 输入 控件 包括 各 类 文本 框 ,按钮 等 对 象 ,主要 通过 二 input 二 标记 及 type 属性 来 


定义 


输入 控件 标记 二 input 二 单独 出 现 , 它 仅 包含 属性 ,内 容 一 般 为 空 。 该 标记 通过 对 type 


属性 赋予 不 同 的 值 来 创建 命令 按钮 。 文 本 框 , 单 选 按钮 等 多 种 输入 表单 控件 ,向 用 户 提供 输 


入 数据 的 手段 。 


input 元 素 的 定义 格式 如 下 : 
< input type= 表 单 控件 类 型 其 他 属性 关键 字 = 属 性 值 …> 


不 同 的 type 属性 值 对 应 于 不 同 的 表单 控件 类 型 ,如 表 2. 8 所 示 。 


type 的 默认 值 为 


text。 
表 2.8 type 属性 值 对 应 的 表单 控件 类 型 
type 属性 值 表单 控件 type 属性 值 表单 控件 
button 自 定义 按钮 password 密码 文本 框 
checkbox 复 选 框 radio 单 选 按钮 
file 文件 域 reset “ 重 置 "按钮 
hidden 隐藏 域 submit “提交 ?按钮 
image 图 像 按钮 text 单行 文本 框 
2. 单行 文本 框 


单行 文本 框 允 许 用 户 输入 一 行 信息 , 它 是 input 元 素 的 默认 类 型 ,也 是 使 用 频率 最 高 的 
一 种 表单 控件 。 其 创建 方法 是 : 
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< input typer "text" 属性 = 属性 值 … /> 
单行 文本 框 常用 的 属性 如 表 2. 9 所 示 。 
表 2.9 单行 文本 框 常用 的 属性 


属 性 说 明 

name 为 文本 框 指定 唯一 的 名 字 ,以 供 脚本 程序 引用 与 操作 

size 指定 文本 框 的 显示 长 度 , 单 位 为 字符 数 

maxlength 指定 文本 框 允许 显示 的 最 大 长 度 , 单 位 为 字符 数 

value 文本 框 的 默认 值 

readonly 设 定 文本 框 中 的 值 只 能 显示 而 不 能 修改 

disabled 设 定 文本 框 一 经 加 载 即 为 不 可 用 ,用 户 无 法 对 文本 框 进行 任何 操作 


【 例 2.24】 创建 一 个 单行 文本 框 。 
代码 如 下 。 
<htm> 
<body> 
< fomm> 这 是 一 个 文本 框 :< input type= "text" name= xl size= 15> 
< /form 
< /body> 
</htm> 
运行 结果 如 图 2. 24 所 示 。 F:\ASP. NET\Ex2_28... 下 器 区 | 
3. 显示 初始 值 的 多 个 文本 框 GO Br wr tener 70. nn Me [x| [有 
文字 作为 初始 值 可 以 出 现在 文本 框 里 面 ， | 文件 四 编 加 公 查看 路 记 夫 () 工具 ” 
只 需 在 <input> 标 记 中 加 入 属性 value 一 “显示 | 这 天 多 WP NET\Ex2 38 ht 
的 文字 ”, 文 本 框 的 显示 方式 可 以 用 前 面 介绍 过 
的 标记 来 确定 。 这 是 一 个 文本 框 : 厂 ] 
【 例 2. 25】 创建 显示 初始 值 的 多 个 文 
本 框 。 
代码 如 下 。 


图 2.24 单行 文本 框 


<html> 
<body> 
< fomp> 
电话 号 码 : < input type= "text" Name=xl value= "0971 一 8725662"> <p> 
姓 名 : < input type= "text" Name= ;2 value= " 陈 维 玲 必 <p> 
出 生日 期 : < input type= "text" Name= x3 value= "1978.08.18"”> < /p> 
< /fom> 
< /body> 
</htm> 


运行 结果 如 图 2. 25 所 示 。 
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4. 输入 口令 的 文本 框 

如 果 需 要 用 户 输 入 口令 ,又 不 想 让 别人 看 见 , 可 将 属性 type 的 值 换 为 password。 
【 例 2.26】 创建 输入 口令 文本 框 ,口令 长 度 设置 为 8 位 。 

代码 如 下 。 


<htm> 
<bodqy> 
< fom> 
口令 :< input type= "password" Name= xl size= 8 maxlengh= 8> 
< /form 
< /body> 


“FF:\ASP. NET\Ex2 29... .攻占 区 
CE | 
FD” Or:\AsP. NET\Ex2_29. htm 图 ||#+||x| 


2 F:\ASP. NET\Ex2 

OO” Br:wsp.wr\gx?_ 30.htm 轿 4][x] 
文件 (E) 编辑 (E) 看 (Y) 收藏 夹 ( 

空 收藏 史 | 息 F:\ASP. NET\Ex2_30.html | 


文件 (E) 编辑) 查看 (W) 收藏 天 (8) 工具 ( ” 
突 收 藏 夹 | 御 F:\ASP.NET\Ex2_29.html | 


电话 号 码 ， [09718725662 | 
姓名 ， 区 ] 


出 生日 期 


De [aa 


入 -R00% - 


图 2.25 显示 初始 值 的 多 个 文本 框 图 2.26 输入 口令 的 文本 框 


5. 多 行 多 列 的 文本 框 

如 果 想 在 文本 框 中 多 输入 一 些 内 容 , 可 建立 一 个 多 行 多 列 的 文本 框 。 只 需 在 二 form> 
标记 后 插入 类 似 二 textarea cols 二 x rows 一 y 格 式 的 标记 之 后 .使 用 一 /textarea 之 和 二 /form>。 
其 中 ,属性 cols 确定 文本 框 的 宽度 , 它 指 的 是 多 行 多 列 的 文本 框 一 行 同时 出 现 的 文字 个 数 ; 
属性 rows 确定 多 行 多 列 的 文本 框 的 高 度 , 即 一 次 出 现 的 文字 行 数 。 

【 例 2.27】 创建 一 个 多 行 多 列 的 文本 框 ,并 输入 多 行文 本 。 

代码 如 下 。 


<html> 
<body> 
< fom> 
一 个 多 行 多 列 的 文本 框 :<p> 
< textarea cols= 30 Name=x] rows= 8> 
< /textarea> 
< /fom> 
< /body> 
< /html> 
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运行 结果 如 图 2. 27 所 示 。 

6. 提交 及 重 置 按钮 

提交 (Submit) 是 把 输入 的 信息 提交 给 相关 程序 ,让 服务 器 进行 处 理 。 重 置 (Reset) 是 把 
和 户 输入 的 内 容 清除 掉 ,重新 输入 。 这 两 个 按钮 的 创建 格式 为 : 


< input type= "sutmit" 属性 = 属性 值 … /> 
< input type= "reset" 属性 = 属性 值 … /> 


在 input 标记 里 ,输入 value 的 属性 值 可 改变 按钮 上 显示 的 标题 文本 ,否则 默认 显示 


“submit” 和 “reset” 
【 例 2.28】 在 例 2. 25 的 基础 上 创建 “提交 ”及 “ 重 置 "按钮 。 
代码 如 下 。 


<htm> 
< body> 
< fomm> 
电话 号 码 : < input name=xl type= "text" ><p> 
姓 名 : < input name= x2 type= "text"> <p> 
出 生日 期 : < input name=x3 type= "text" value= "1978.08.18”>< /p> 
< input type= "sutmit" value= "提交 > 
< input type= "reset"> 
< /form> 
< /body> 
</htm> 


运行 结果 如 图 2. 28 所 示 。 


F:\ASP. NET\Ex2_31.... 上- ,| 
图 


GO Or: Wsp. MT\Ex2_31.html 图 [x F:\ASP. NETMEx2_32. . -而 ,区 | 
文件 (E) 编辑 (E) 查看 (收藏 天 (&) 工具 ( ” 


窄 收藏 夹 | 丰 F:\ASP.NET\Ex2_31.html | 


CE 
DSO” IF:\AsP. NET\Ex2_32.html 图 |#+||x| 月 
文件 @) 编辑 (E) 查看 (2) 收藏 天 人 工具 (“ 
宽 收 藏 大 ”|88| -| 杀青 .… | 名 F:... | 入 Fx | 


一 个 多 行 多 列 的 文本 框 : 


电话 号 码 ， [0971 一 8725662 |] 
名 B 细 | 
出 生日 期 ， [ras | 


学 不 轰 ， 和 建设 
图 本 
图 2. 27 多 行 多 列 的 文本 框 图 2. 28 “提交 ”及 “ 重 置 "按钮 
7. 单 选 按钮 
en s 心 圆 环 ,用 以 提供 一 组 相互 排斥 的 选项 列表 中 一 次 只 能 选择 一 
项 的 机 制 。 其 定义 方法 为 : 


<input type= "radio" 属 性 = 属性 值 … /> 
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单 选 按钮 的 常用 属性 如 表 2. 10 所 示 。 
表 2.10 单 选 按钮 的 常用 属性 


属 性 说 明 

name 为 控件 指定 唯一 的 名 称 , 以 供 脚本 程序 引用 与 操作 
value 控件 被 选中 后 ,该 value 值 将 被 提交 给 服务 器 进行 处 理 
checked 设置 控件 首次 加 载 时 初始 状态 为 选中 状态 

disabled 设置 控件 首次 加 载 时 处 于 不 可 用 状态 (控件 不 能 选择 ) 


【 例 2.29】 创建 图 2. 29 所 示 的 两 组 不 同 风 格 的 = 
单 选 按 钮 。 < F:\ASP. NET\E. .. [- .|X| 


PTTRA 
DO- Br:\asP. NT\Ex2_33. htm 国 


人 文件 (E) 编辑 (E) 查看 (W) 收藏 天 人 ” 
<htm> 帘 收藏 夹 “| 息 F:\ASP. NET\Ex2_33.... 
<body> 
< fomm 
<h3> 单 选 按钮 <br> 


< input type= "radio" name= "xl" value= "北京 图 北京 

< input type= "radio" name= "xl" value= "上 海 "> 上 海 < 
br> 

< input type= "submit" value= "提交 > 

< input type= "reset" value= " 嘲 置 > 


< form> 

<h3> 多 选 一 <br> 

ipt BRe- redio” rere" valte= "音乐 ”图 2.29 两 组 不 同 风格 的 单 选 按钮 
checked> 音 乐 <br> 

< input type= "radio" name= "xl" value= "电影 吃 电 

影 <br> 


< input type= "radio" name= "xl" value= "小 说 吃 小 说 <br> 
< input type= "radio" name= "xl" value= 史 视 吃 电视 <br>< /h3> 
< input type= "submit" value= 虽 交 吃 
< input type= "reset" value= " 重 置 "> 
< /fom> 
< /pody> 
< /html> 
注意 : 单 选 按 钮 中 name 的 属性 值 *x1” 是 相同 的 ,因为 只 选择 了 一 个 输入 信息 。 如 果 想 
让 其 中 的 菜 个 按钮 为 默认 值 ,只 要 在 input 标记 中 加 入 checked( 已 选择 ) 属 性 即 可 。 
8. 复 选 框 
复 选 框 (checkbox) 人 允许 用 户 在 一 组 选项 列表 中 同时 选择 多 个 选项 。 其 定义 格式 为 : 


< input type= "checkbox" name= 复 选 框 组 的 名 称 ”value= 值 1/> 复 选 框 1 的 标题 <br> 


< input type= "checkbox" name= 复 选 框 组 的 名 称 ”value= 值 n/> 复 选 框 n 的 标题 <br> 
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此 处 n 个 复 选 框 作为 一 组 ,其 name 值 应 该 相同 。 属 一 -一 -一 
虽然 name 值 不 同 并 不 影响 表单 的 浏览 效果 ， p 这 种 US 和 轩 [ejE4 


i 不 值得 担 但 SO lar:wsP. MT\Ex2 30 .htr 图 
Ws 所 示 的 复 选 框 ,其 中 | 理 @ 多 四 要 OU 

【 例 2.30】 创建 如 图 2. 30 所 示 的 复 选 框 ,其 eT 
一 个 选项 已 被 选择 。 

代码 如 下 。 

<html> 

“bop 口 重庆 
< fomm 回 武 汉 (已 被 选择 ) 


<h3> 多 选 框 < /h3> < input type= "checkbox" 
name= "x1"> 北 京 <br> 
< input type= "dhedldoox" nane= "> = 
上 海 <br> 图 2. 30 一 个 选项 已 被 选择 的 复 选 框 
< input type= "dheckoox" nane= "x3"> 
天 津 <br> 
< input type= "checkbox" name= "x4"> 重 庆 <br> 
< input type= "checkbox" name= "x5" checked> 武 汉 已 被 选择 )<p> 
< input type= "stibmit" value= "提交 > 
< input type= "reset" value=" 重 置 > 
< /form> 
< /body> 
< /html> 
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注意 : 多 选 框 中 name 的 属性 可 为 不 同 的 值 x1 、x2、x3、…, 因 为 可 以 同时 选择 多 个 不 同 
的 输入 信息 。 

9. 表单 的 选择 列表 控件 

选择 列表 控件 又 称 为 下 拉 列 表 控 件 , 它 提供 了 从 众多 候选 项 目 中 选择 一 个 或 多 个 选项 
的 机 制 。 选 择 列表 由 二 select 二 二 /select 二 标记 对 创建 ,select 元 素 中 包含 多 个 二 option 二 
标记 ,每 个 option 元 素 定义 一 个 可 用 的 选择 列表 项 。 

二 select 二 标记 的 常用 属性 如 表 2. 11 所 示 。 


表 2.11 二 select 二 标记 的 常用 属性 


属 性 说 明 

name 为 控件 指定 唯一 的 名 称 ,以 供 脚 本 程序 引用 与 操作 
value 控件 被 选中 后 ,该 value 值 将 被 提交 给 服务 器 进行 处 理 
checked 设置 控件 首次 加 载 时 初始 状态 为 选中 状态 

disabled 设置 控件 首次 加 载 时 处 于 不 可 用 状态 (控件 不 能 选择 ) 


去 option 过 标记 的 常用 属性 如 表 2. 12 所 示 。 
表 2.12 ”二 option 二 标记 的 常用 属性 
属 性 说 明 
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续 表 
属 性 说 明 
label 为 二 optgroup 过 标记 的 使 用 设 定 一 个 标识 
value 控件 被 选中 后 ,该 value 值 将 被 提交 给 服务 器 进行 处 理 
selected 设 定 选项 提交 给 服务 器 时 的 值 
disabled 设置 当前 选项 为 不 可 用 状态 (没有 焦点 ) 
【 例 2.31】〗 创建 如 图 2. 31 所 示 的 下 拉 列 表 控 件 。 一 一 一 一 
代码 如 下 。 SF:\ASP. NET\. -| 加 | 区 
狗 鳃 -加 Fi:AsP.IETVEx2_31_.htr 回 
cam 文件 GJ 信和 @) 可 看 中， 收 珊 “| 
<body> 突 收 藏 夹 | 臣 F:\ASP. NET\Ex2_31_... | 
< fomm> 


jy 选 一 项 ， 
下 拉 列 表 中 任 选 一 项 : <p> 下 的 列表 由 任 选 一 项 


< select name=— x1> 
< option> 青 海 民 族 大 学 


| 二 海 大 学 
<ocption> 青 海 师范 大 学 | 青海 广播 电视 大 学 | 
<option> 青 海 大 学 
<cpticn> 青 海 广播 电视 大 学 
< /select> 
<E> <br> <br> <br> < input type= 图 2.31 下 拉 列 表 控件 
"submit" value= "提交 "> 


<input type= "reset" value=" 重 置 "> 
< /form 
< /body> 
</htm> 
注意 : 表单 都 是 以 二 form 记 标记 开始 ,以 二 /form 记 标记 结束 。 每 当 新 加 入 一 个 二 form 记 
标记 时 ,浏览 器 就 会 产生 新 的 段落 。 


2.4.3 表单 应 用 


表单 的 应 用 非常 广泛 ,例如 常见 的 留言 短 、. 讨 论 区 会员 注册 .登录 .在线 查询 等 ,都 可 以 
通过 表单 将 数据 传送 到 后 台 程 序 进行 处 理 , 因 此 ,表单 是 用 户 和 服务 器 之 间 进 行 信息 交互 的 
重要 手段 。 

【 例 2.32】 创建 如 图 2. 32 所 示 的 用 户 登记 表 。 

代码 如 下 。 


<html> 

<heag>< title> 用 户 登 记 < /title>< /head> 

<body> 

< table border= 3 width= 1000 height= 500 bordercolor= "# 336699" alignr center> 
«E> 
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“用户 登记 - Windows Internet Explorer 


SD lar:\Wwsp. mrer? 32_.hml 
文件 (8) 仿 辑 人 E) 查看 (W) 收藏 夷 (A) 工具 (I》 沧 助 册 
童 收 藏 交 了 "| 医用 户 登记 


苯 歌 的 用 户 ， 赵 迎 您 访问 我 们 的 网 站 ， 请 填写 您 的 个 人 信息 ， 便 于 我 们 及 时 与 您 联系 
姓名 ,| ] 
年龄 ，| ] 
性别 ，@ 男 昌 女 
[文化 程度 ,| 本科 国 | 职业，| 才 下- 国 g-nail:| 
全 的 爱好 ,， 
口 电影 口 运动 口音 乐 口 哉 本 
目 赔 读 回 上 网 目 聊 天 口交 友 


图 2.32 ”用户 登记 表 


<to> 

<p align= center> < font size=7 color= 叭 00ff00"> 用 户 登记 < /font>< /p><hr > 

<p align= center> 尊 敬 的 用 户 ,欢迎 您 访问 我 们 的 网 站 ,请 填写 您 的 个 人 信息 ,便于 我 们 及 时 与 您 联系 
</> 


<fom> 

< 户 姓 名 : < input type= text name= xing ming> <br><br> 年 龄 : < input type= text name= nian ling> <br>< 
br> 性 别 : < input type= radio name= xingbie value= femal checked> 男 < input type= radio name= xingbie value 
=mal> 女 < /pb> 

<p> 文 化 程度 : < select name= wnhua size= 1> 

< apticn value= "gaozhong" selected> 高 中 

<ocpticn value= "本 科 吃 本 科 

< option value= 哮 士 吃 人 硕士 

< /select> 

职业 : < select name= zhiye> 

<option value= yiliao selected> 教 育 

< opticn value= gongwuyuan> 公务 员 

< opticn value= zaiduamesheng> 医 疗 

< /select> 

E-mail:< input type= text name=mail>< /p> 

< 户 您 的 爱好 : < /p> 

<p> < input type= checkbox name= aihao value= dian> 电 影 
< input type= checkbox name=aihao value=di 是 an> 运 动 

< input type= checkbox name= aihao value= ddan> 音乐 

< input type= checkbox name= aihao value- dddan> 跳 舞 
<A> 

<p> < input type= checkbox name= aihao valuer diasan> 阅读 
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< input type= checkbox name= aihao value= diawqgn> 上 网 

< input typer checkbox name= aihao valuer diasn> 聊天 

< input type= checkbox name= aihao value= disdan> 交友 < /p> 
<P >< input type= submit value= 提 交 > 

< input type= reset value= 重 置 >< /fomm 

< /td> < /tr> 

< /table> 

< /body> 

< /htm> 


2.5 框 架 


框架 (Frame) 是 用 来 分 割 浏览 器 窗口 空间 的 工具 ,可 以 在 一 个 浏览 器 窗口 中 布局 多 个 
框架 ,每 个 框架 内 单独 打开 一 个 网 页 ,各 个 框架 中 的 网 页 相互 独立 ,从 而 获得 在 同一 个 浏览 
器 窗口 中 同时 显示 不 同 网 页 的 效果 。 一 般 用 来 定义 页 面 的 导航 区 域 `Logo 标记 和 内 容 区 
域 , 从 而 使 用 户 随时 能 找到 自己 感 兴趣 的 内 容 。 


2.5.1 框架 集 与 框架 


1. 框架 集 与 框架 的 概念 

共同 分 布 在 浏览 器 窗口 中 的 组 框架 的 集合 称 为 框架 集 (Frameset), 通过 标记 
所 frameset 盖 和 去 /frameset 之 定义。 框架 集 可 以 嵌 套 使 用 , frameset 元 素 一 般 定 义 在 
所 head 盖 标记 后 。 

框架 必须 定义 在 框架 集 内 ,一 个 框架 集 可 以 包含 多 个 框架 元 素 。 一 般 将 定义 框架 集 与 
框架 的 代码 放 在 一 个 独立 的 HTML 文件 内 , 称 为 框架 文件 。 这 个 特殊 类 型 的 文件 不 再 包 
含 二 body 二 标记 ,而 是 以 frameset 元 素 取 代 body 元 素 , 用 来 包含 框架 的 结构 划分 信息 ,以 
及 指示 在 每 个 框架 中 引用 哪 类 网 页 文件 。 框 架 用 二 frame 二 标记 定义 。 二 frame 二 标记 为 单 
一 标记 ,最 重要 的 属性 为 src, 用 来 指定 要 在 该 框架 中 打开 的 网 页 文件 的 URL。 

框架 文件 的 通用 格式 为 : 

<html> 

<head> 

<title> htm 文件 标题 < /title> 

< /head> 

< frameset 属性 = 属性 值 …> 

< frame src=urll 其 他 属性 = 属性 值 …> ” <! 定义 框架 中 要 打开 的 网 页 --> 

< frame src=url2 其 他 属性 = 属性 值 …> 


< frameset> 

< /htm> 

2. 框架 集 标记 一 frameset 二 一 /frameset 二 

框架 集 元 素 用 来 描述 如 何 组 织 各 个 框架 的 信息 。 框 架 是 框架 集 的 基本 组 成 元 素 , 框 架 
依照 框架 集 的 行 和 列 的 设置 来 组 织 自 身 。 框 架 集 标记 过 frameset 二 的 常用 属性 如 表 2. 13 
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所 示 。 
表 2.13 框架 集 标记 一 frameset 二 的 常用 属性 
属 性 说 明 
border 设置 边框 粗细 ,单位 是 像素 


bordercolor 


设置 边框 的 颜色 


frameborder 设置 是 否 显示 边框 0" 表示 不 显示 边框 1” 表示 显示 边框 
cols 设 定 框 架 集 包含 几 列 . 取 值 为 百分数 或 绝对 像素 值 
rows 设 定 框架 集 包含 几 行 , 取 值 为 百分数 或 绝对 像素 值 


framespacing 


表示 框架 与 框架 间 的 保留 空白 的 距离 


noresize 


3. 框架 标记 一 frame 二 


设 定 框架 不 能 够 调节 


框架 标记 用 来 设置 框架 的 各 种 特性 ,如 框架 的 名 称 、 框 架 中 显示 的 网 页 文件 .框架 的 滚 
动 特 性 等 。 二 frame 二 标记 是 单 标记 ,其 常用 属性 如 表 2. 14 所 示 。 


表 2.14 框架 标记 一 frame 二 常用 属性 


属 性 说 明 
src 指示 加 载 的 url 文件 的 地 址 
bordercolor 设置 边框 颜色 
frameborder 指示 是 否 要 边框 ,1 显示 边框 ,0 不 显示 
border 设置 边框 粗细 
name 指示 框架 名 称 是 链接 标记 的 target 所 要 的 参数 
noresize 指示 不 能 调整 窗口 的 大 小 ,省 略 此 项 时 就 可 调整 
scorlling 指示 是 否 要 滚动 条 ,auto 根据 需要 自动 出 现 ,yes 有 ,no 无 


marginwidth 


设置 内 容 与 窗口 左右 边缘 的 距离 ,默认 为 1 


marginheight 


设置 内 容 与 窗口 上 下 边缘 的 边 距 ,默认 为 1 


上 下 分 割 窗口 和 苦 套 分 割 窗口 。 
1) 左右 分 割 窗口 


86 


width 框架 的 宽 
align 可 选 值 为 left,right,top,middle,bottom 
4. 框架 结构 


根据 框架 集 标记 二 frameset 二 的 分 割 属性 ,框架 结构 分 为 三 种 ,分 别 是 左右 分 割 窗口 、 


左右 分 割 窗 口 , 是 在 水 平方 向 上 将 浏览 器 分 割 成 多 个 窗口 .采用 cols 属性 。 左 右 分 割 
窗口 的 结构 如 下 。 


< frameset cols= "value,value,** "> 


< frame src= "urll"> 
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< frame src= "url2"> 


< /frameset> 
cols 后 面 的 参数 值 可 以 用 数字 百分比 和 剩余 值 及 这 三 种 方式 的 混合 方式 来 表示 。 
例如 : 


二 frameset cols 二 “40% ,x* , * ” 之 表示 将 窗口 分 为 40%% ,30%,30%。 

二 frameset cols 二 “100,200, x* ”二 表 示 将 窗口 分 为 100 像素 ,200 像素 ,剩余 部 分 。 

二 frameset cols 二 “100, * , *” 表 示 将 100 像素 以 外 的 窗口 平均 分 配 成 两 部 分 。 

二 frameset cols 一 “* , x , * ” 放 表 示 将 窗口 分 为 三 等 份 。 

2) 上 下 分 割 窗口 

上 下 分 割 窗口 ,是 在 垂直 方向 上 将 浏览 器 分 割 成 多 个 窗口 ,采用 rows 属性 。 上 下 分 割 
窗口 的 结构 如 下 。 


< frameset rows= "valuervalue "> 
< frame src= "urll"> 
< frame src= "Url2"> 


< /frameset> 

3) 嵌 套 分 割 窗口 

一 个 浏览 器 窗口 可 以 既 左 右 分 割 又 上 下 分 割 , 这 种 窗口 就 是 嵌 套 分 割 窗 口 。 嵌 套 分 制 
窗口 的 结构 如 下 。 


< frameset rows= "valuervalue > 
< frame src= "url"> 

< frameset cols= "valuevalue… > 
< frame src= "url1"> 

< frame src= "url2"> 

< /frameset> 


< /frameset> 
2.5.2 框架 应 用 
由 于 框架 可 以 把 整个 窗口 分 成 几 个 独立 的 小 窗口 ,每 一 个 窗口 可 分 别 载 入 不 同 的 文件 ， 
每 个 窗口 可 以 相互 沟通 ,因此 ,被 广泛 应 用 于 页 面 的 导航 区 域 、Logo 标志 和 内 容 等 区 域 。 
【 例 2.33】 将 本 章 的 4 个 例题 Ex2_1. html、Ex2_3. html、Ex2_5. html 和 Ex2_6. html 


用 框架 的 形式 载 人 同一 页 面 中 ,产生 如 图 2. 33 所 示 的 效果 。 
代码 如 下 。 


<html> 
<head> 
< /head> 
< frameset rows="20% ,* ,15% " framespacing="]" frameborder= "yes" borde 一 
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3_ .html — Window 


SS _Internet ExploreT 


SO 回 F:wSP.NET\Ez2_33_.html 
文件 @ 编辑) 查看 () 收藏 大作 ”工具 CD 帮助 
.NET\Ex2_33_. html 


国 |[ss| fx] [P Bins 


WD 


Hello World! 


AN、 


这 是 7 


这 是 H1 标 题字 体 
这 是 H2 标 题字 体 


这 是 H3 标 题字 体 


这 是 H4 标 题字 体 
这 是 H5 标 题字 体 


这 是 BE 村 丁字 仿 


最 大 的 标题 


使 用 h3 的 标题 
是 小 的 标题 


般 托 刘 竹 硒 字 区 杰 


= 


号 字 


这 是 5 号 字体 ! ! 


图 2. 33 


"1" bordercolor= "# FFOOFF"> 
< frame src= "Ex2 1.html"> 
< frameset cols= "20% 
bordercolor= "# FFOOFF"> 
< frame src= "Ex2 3.html"> 
< frame src= "Ex2 5.html"> 
< /frameset> 
< frame src= "Ex2 6.html"> 
< /frameset> < noframes> < /noframes> 
< /htm> 


框架 的 创建 


7 "framespacing= "1"” frameborder= "yes" border= "1" 


2.6 CSS 样式 表 


CSS(Cascading Style Sheet) 全 称 是 层 释 


样式 表 , 简 称 样式 表 。CSS 的 推出 是 为 了 弥补 


HTML 在 界面 表现 方面 的 不 足 , 可 以 对 页 面 布 局 ,字体 、 颜 色 、 背 景 和 其 他 图 文 效果 实现 更 
加 精确 的 控制 。CSS 的 功能 强大 ,不 但 使 网 页 变 得 更 加 美观 ,而 且 简 化 了 网 页 的 更 新 工作 ， 
使 之 更 易 维 护 。CSS 与 HTML 一 样 ,是 一 种 标记 语言 ,需要 通过 浏览 器 解释 执行 。 


CSS 基础 


1. 什么 是 CSS 
CSS 标准 在 1996 年 由 W3C 组 织 制 定 , 档 


2.6.1 


# 式 表 是 出 版 商用 于 管理 出 版 物 外 观 的 一 种 方 
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式 , 对 网 页 来 说 ,样式 表 用 于 控制 格式 ,例如 文字 的 字体 .字号 .颜色 等 。 层 至 是 指 当 同时 引 
用 多 个 样式 时 ,将 依据 样式 的 层次 处 理 , 解 决 冲 突 。 

HTML 重视 文件 的 内 容 , 而 不 是 显示 效果 。 最 初 的 HTML 标准 不 尽 如 人 意 ,在 网 页 内 
容 的 排版 布局 上 也 有 很 多 困难 , 非 专业 人 员 很 难 让 网 页 按 自己 的 构思 和 创意 来 显示 信息 。 
CSS 的 出 现 就 是 为 了 弥补 HTML 在 这 方面 的 不 足 。 

样式 表 是 将 网 页 的 结构 与 格式 分 离 ,使 网 页 设计 者 能 够 很 方便 地 调整 网 页 的 结构 ,而 不 
影响 显示 效果 。 同 时 还 可 以 制作 统一 的 样式 表 , 应 用 于 多 个 网 页 ,统一 显示 风格 ,避免 了 逐 
一 修改 各 网 页 ,减少 了 重复 劳动 的 工作 量 。 

2. CSS 的 特点 

(1) 结构 与 样式 分 离 的 方式 ,便于 后 期 维护 。 

(2) 样式 定义 精确 到 像素 的 级 别 。 

(3) 可 以 用 多 套 样式 ,使 网 页 有 任意 样式 切换 的 效果 。 

(4) 降低 服务 器 的 成 本 。 


2.6.2 样式 表 的 创建 


1. CSS 的 创建 格式 

样式 表 由 样式 规则 组 成 ,用 以 告诉 浏览 器 如 何 显示 一 个 网 页 文件 。 一 个 样式 表 可 以 包 
含 多 个 规则 ,每 个 规则 有 着 固定 的 格式 。CSS 的 定义 通常 由 三 部 分 构成 : 选择 符 selector、 
属性 property 和 属性 值 value, 其 中 属性 和 属性 值 称 为 样式 。 其 基本 格式 如 下 : 

selector{property 1: value 1;property 2: value 27… } 
其 中 ,选择 符 是 设置 规则 的 对 象 ,通常 是 一 个 HTML 的 元 素 , 例 如 过 body 之 .二 p 二 、 
二 img 二 等 ;样式 是 用 来 设置 选择 符 的 属性 ,用 来 描述 选择 符 的 显示 效果 。 在 网 页 中 可 以 为 


一 个 显示 对 象 设置 多 个 属性 ,每 个 属性 带 一 个 值 ,属性 与 属性 之 间 用 “;” 号 分 开 。 
例如 : 


p {color:red; font- size:20pt} 


这 个 规则 是 用 来 设置 二 p 二 和 二 /p 二 之 间 的 字体 颜色 和 字体 大 小 。 

一 般 将 样式 表 规 则 通过 二 style 二 标记 插入 页 面 。 

【 例 2.34】 在 网 页 上 显示 一 行文 本 * 接 天 莲 叶 无 穷 莫 ,上映 日 荷花 别 样 红 。”, 创 建 颜色 为 
红色 .字号 为 20pt 的 样式 表 。 

代码 如 下 。 


<html> 
<head> 
<title> Css 使 用 范例 < /title> 
< style type= "text/css"> 
p {color:red;font— size:20pt} 
</style> 
< headq> 
<body> 
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< 户 接 天 莲 叶 无 穷 碧 , 映 日 荷花 别 样 红 。< /p> 
< /body> 
< /hbom> 


使 用 样式 表 后 的 显示 效果 如 图 2. 34 所 示 。 


< CSS 使 用 范例 - Windows Inter. 
pe 
A 
文件 (E) 编辑 他 ) 查看 (Z) 收藏 夹 (8) 了 
宽 收 藏 天 “| 敬 CSS 使 用 范例 时 | 


接 天 莲 叶 无 穷 稻 ， 映 日 荷花 别 样 红 。 


图 2.34 使 用 样式 表 后 的 显示 效果 


2. CSS 常见 的 属性 及 其 设置 方法 

利用 CSS 常用 属性 ,可 以 对 字体 、 布 局 .颜色 ,背景 .浏览 器 窗口 及 其 他 图 文 效果 进行 更 
精确 的 控制 。 

1) 字体 属性 

字体 属性 用 于 设置 字体 的 显示 效果 ,包括 font-family、 font-size、 font-style、 font- 
variant font-weight 和 font。 下 面 介 绍 各 属性 的 含义 和 设置 方法 。 

(1) font-family( 字 体系 列 ) 

font-family 用 以 指定 一 个 或 多 个 字体 名 。 当 指定 多 个 字体 名 时 ,浏览 器 会 在 客户 机 中 
从 前 往 后 搜寻 各 字体 ,使 用 第 一 个 找到 的 字体 。 
例如 : 


p{font- family:"New Century Schoolbook", 华 文 彩云 ,黑体 ,楷体 } 

(2) font-size( 字 体 大 小 ) 

font-size 用 来 精确 地 控 置 文本 字体 尺寸 ,可 以 用 以 下 多 种 方式 设置 字体 。 

@ 绝对 尺寸 : 单位 可 以 为 ex(x-height) .in( 英 寸 )、cm( 厘 米 )、mm( 毫 米 )、pt( 点 )、px 
(像素 )。 如 font-size: 25pt。 

@ 关键 字 : 从 小 到 大 共用 7 种 关键 字 , 分 别 是 xx-small、x-small、small、medium large、 
x-large 和 xx-large。 

@ 相对 尺寸 : 有 两 种 取 值 larger 和 smaller, 分 别 表示 将 字体 大 小 缩小 一 级 和 扩大 一 级 。 

@ 比例 尺寸 ; 取 值 为 一 个 百分数 ,表示 放大 或 缩小 的 百分数 。 

(3) font-style( 字 体 风 格 ) 

font-style 可 以 设置 三 种 字体 显示 风格 : normal,. 正 常 显示 ;italic, 斜 体 显示 ;oblique, 倾 
斜 显 示 。 

(4) font-variant( 字 体 变 形 ) 

font-variant 可 以 设置 两 种 变 体 字形 : normal ,正常 显示 ;small-caps, 小 型 大 写字 母 。 

(5) fontweight( 字 体 粗细 ) 
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font-weight 用 来 设置 字体 的 粗细 ,其 取 值 为 : normal, 正 常 显 示 ;bold, 加 粗 ;bolder, 特 
粗 ;lighter, 减 细 ;100 一 900 ,字体 正常 显示 时 为 400, 值 越 大 ,字体 越 粗 。 

(6) font( 字 体 ) 

font 属性 可 以 用 来 设置 字体 的 多 个 属性 ,例如 ,pl{font:italic bold 15pt 宋体 } 用 于 指定 
该 段 的 字体 为 宋体 ,字体 风格 为 斜体 (italic) 和 粗 体 (bold) ,字体 大 小 是 15 点 。 

【 例 2.35】 设置 CSS 字体 属性 。 将 1 级 标题 二 hl 二 的 字体 设置 为 “宋体 ”, 字 体 大 小 设置 为 
30pt, 字 体 风 格 为 斜体 ,并 且 加 粗 ;将 段落 正文 二 p 二 的 字体 设置 为 Arial, 字 体 大 小 设置 为 20pt。 

代码 如 下 。 


<html> 
<head> 
<title> css 字体 属 性 < /title> 
< style type= "text/css"> 
hl {font- family: 宋 体 ; font- size: 30pt; font- style:italic; font- weight:bold} 
p {font:20pt Arial} 
< /style> 
< /head> 
<body> 
<hl> 字 体 属 性 的 设置 < /hi> 
< 户 有 志 者 事 况 成 !< /p> 
< /body> 
</htm> 


设置 CSS 字体 属性 后 的 显示 效果 如 图 2. 35 所 示 。 


EZ YENE NI 
有 志 者 事 竟 成 ! 


图 2.35 设置 CSS 字体 属性 后 的 显示 效果 


(7) textrdecoration( 文 字 修饰 属性 ) 

text-decoration 用 来 为 文字 附加 某 些 效果 .有 以 下 几 个 属性 值 : underline, 下划线 ; 
overline, 上 划 线 ;line-through ,删除 线 ;blink ,闪烁 :none: 无 任何 修饰 。 

【 例 2.36】〗 设置 段落 文字 修饰 属性 ,显示 下 划 线 、 上 划 线 和 删除 线 的 显示 效果 。 

代码 如 下 。 


<htm> 
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<head> 
<title> Css 文字 修饰 属性 < /title> 
< style type= "text/css"> 
P-under {text- decoration:underline} 
p-.over {text- decoration:overline} 
pthrough {text- decoration:line- through} 
< /style> 
< /head> 
< body> 
<hl> 文 字 修 饰 属 性 < /hi> 
<p class= "under"> 有 志 者 事 况 成 !< /p> 
<p class= "over"> 有志 者 事 竟 成 !< /p> 
<p class= "through"> 有 志 者 事 竟 成 !< /p> 


< /body> rr lire 

Sp CSS 文 字 修饰 属性 .. . |- | 口 [X| 
DO Ir:\sP. NTEx2_36.html 图 | 

设置 文字 修饰 属性 后 的 显示 效果 如 图 2. 36 文件 (F) 编辑 于) 查看 (VY) ”收藏 夹 (&) | 

所 示 。 Y 字 修饰 属 中 


空 收藏 夫 ”| 乱 Css 文 字 修 饰 属 性 


2) 设置 文本 布局 
设置 文本 布局 ,包括 文字 间距 的 调整 .对 齐 方 文字 修饰 属性 
式 , 设 置 首 行 缩 进 等 。 
(1) word-spacing ( 字 间 距 ) 与 line-height( 行 
间距 ) 
word-spacing 用 来 设置 英文 单词 之 间 的 距离 ， 
单位 可 以 为 in( 英 寸 )、cm (厘米 )、mm( 毫 米 )、pt 
四 图 2.36 设置 文字 修饰 属性 后 的 显示 效果 
(点 )、px( 像 素 )。 
line-height 用 来 设置 段落 行 与 行 之 间 的 距离 ， 
单位 可 以 用 上 面 的 方法 表示 ,也 可 用 无 单位 的 字号 表示 ,还 可 以 用 百分数 表示 。 
【 例 2.37】 页 面 中 显示 两 段 相同 的 文字 ,段落 文字 的 行 间距 设置 为 20pt, 第 一 行 字 间 
距 设置 为 10pt, 每 二 行 字 间距 设置 为 20pt。 
代码 如 下 。 


<html> 
<head> 
<title> Css 文 字 间 距 设 置 < /title> 
< style type= "text/css"> 
pfline height:20pt} 
# linel {word- spacing:10pt} 
# line2{word- spacing:20pt} 
</style> 
< /head> 
< body> 
<hl> 文 字 间 距 设置 < /hl> 


<p id linel> Where there is a will,there is a way.< /E> 
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<p id- line2> Where there is awill,there js a way-< /bp> 
< /body> 
< /hbom> 


显示 结果 如 图 2. 37 所 示 。 


-CSS 文字 间距 设置 -~ Windows Interne... 国 国 四 
OO- Or:Wsp. wT\Ex2_37.htm 国 [S|[X| [P pins 
文件 (E) 编辑 (E) 查看 (Z) 收藏 夹 (A) 工具 (T) 帮助 (8) 
窗 收藏 夫 | 忽 Css 文 字 间 距 设置 | 


文字 间距 设置 


Where there is a will, there is a way. 


Where there is a will, there E 


Way. 


图 2.37 文字 间距 设置 


(2) text-align( 文 字 对 齐 ) 

text-align 属性 用 于 设置 文字 的 水 平 对 齐 方式 ,其 属性 值 为 : left, 左 对 齐 ;center, 居 中 
对 齐 ;right, 右 对 齐 ;justify, 两 端 对 齐 。 

【 例 2.38】 使 用 CSS 排列 文本 ,让 标题 居中 对 齐 , 段 落 靠 右 对 齐 。 

代码 如 下 。 


<html> 
<head> 
<title> Css 文 本 对 齐 属性 < /title> 
< style type= "text/css"> 
hl{text- align:center} 
p{text- align:right} 
< /style> 
< /head> 
<body> 
<hl> 文 本 对 齐 < /hl> 
<p> 有 志 者 事 竟 成 !< /p> 
< /body> 
< /htm> 


设置 文字 对 齐 属性 后 的 显示 效果 如 图 2. 38 所 示 。 

(3) text-indent( 首 行 缩 进 ) 

text-indent 用 来 设置 一 个 文字 段落 首 行 文字 缩 进 的 距离 ,其 值 为 一 个 长 度 或 百分数 。 
若 为 百分数 表示 占 上 级 元 素 宽度 的 百分数 。 

3) 设置 颜色 及 背景 
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< CSS 文 本 对 齐 属 性 - Windows Internet... 加 
GO [Brasp. mT\Ex?_38.html Ml)|X| [P bine 

文件 (FE) 编辑 EE) 查看 (Y) 收藏 夹 (8) 工具 (IT) 帮助 (0) 

容 收 藏 夹 | 禾 Css 文 本 对 齐 属性 


有 志 者 事 竟 成 | 


组 下 100% ~ 


图 2.38 设置 文字 对 齐 属性 后 的 显示 效果 


(1) color( 颜 色 属 性 ) 

color 属性 用 来 指定 一 个 元 素 的 颜色 ,其 值 为 颜色 的 英文 名 或 十 六 进 制 值 。 

(2) background-color( 背 景 颜 色 属 性 ) 

background-color 属性 用 来 指定 一 个 元 素 的 背景 颜色 ,其 值 为 颜色 的 英文 名 或 十 六 进 


制 值 。 


(3) background-image( 背 景 图 像 属性 ) 

background-image 属性 用 于 设 定 一 个 元 素 的 背景 图 像 。 

(4) 窗口 美化 及 超 链接 显示 效果 

窗口 美化 及 超 链接 显示 效果 包括 窗口 深 动 条 和 边框 的 外 观 设置 ,设计 超 链接 的 多 种 显 


示 效 果 等 。 


Q@ 设置 滚动 条 属性 。 

在 CSS 中 可 以 控制 滚动 条 的 显示 效果 ,滚动 条 可 以 设置 的 参数 如 下 。 
scrollbar-3d-light-color: 滚动 条 亮 边框 颜色 。 

scrollbar-highlight-color: 滚动 条 3D 界面 的 亮 边 颜色 。 

scrollbar-face-color: 滚动 条 3D 表面 的 颜色 。 

scrollbar-arrow-color: 滚动 条 方向 箭头 的 颜色 。 

scrollbar-shadow-color: 滚动 条 3D 界面 的 暗 边 颜色 。 

scrollbar-dark-shadow-color: 滚动 条 暗 边框 颜色 。 

scrollbar-base-color: 滚动 条 基准 颜色 。 

边框 属性 用 于 设置 一 个 元 素 边 框 的 宽度 .式样 和 颜色 。 一 个 边框 由 4 部 分 组 成 : 上 边 


框 \、 下 边框 左边 框 和 右边 框 。4 部 分 可 以 统一 设置 ,也 可 以 单独 设置 。 


统一 设置 边框 的 属性 有 : border-color, 边 框 颜色 ; border-width, 边 框 宽度 ; border- 


style, 边 框 风格 。 其 中 ,边框 风格 的 取 值 如 表 2. 15 所 示 。 


表 2.15 边框 的 风格 


边框 风格 属性 值 
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边框 风格 属性 值 描 述 边框 风格 属性 值 描 述 
none 无 边框 groove 边缘 凹陷 的 边框 
solid 实 线 边框 ridge 边缘 凸 起 的 边框 
dotted 点 线 边 框 inset 实现 元 素 内 凹 效果 的 边框 
dashed 虚线 边框 outset 实现 元 素 凸 出 效果 的 边框 
double 双 实 线 边框 


边框 的 颜色 、 宽 度 和 风格 三 个 属性 可 一 起 设置 ,设置 格式 为 : 


边框 名 : 宽度 风格 颜色 


其 中 ,边框 名 的 取 值 有 : border, 整 个 边框 ;border-top, 上 边框 ;border-left, 左 边框 ;border- 
right ,右边 框 ;border-bottom, 下 边框 。 
@ 网 页 链接 属性 。 
在 CSS 中 ,可 以 为 不 同 状态 的 超 链 接 设置 不 同 的 显示 属性 ,可 设置 的 样式 如 下 。 


a 


a 


a 


a 


< 


< 


- 


:link: 未 访问 过 的 超 链 接 文字 的 样式 。 
:visited: 已 访问 过 的 超 链 接 文字 的 样式 。 
:active: 鼠标 单 击 时 超 链接 文字 的 样式 。 


:hover: 鼠标 移动 到 超 链 接 上 方 时 超 链 接 文字 的 样式 。 
可 以 为 这 些 状 态 的 超 链 接 文字 设置 颜色 .字体 等 属性 ,改变 其 显示 效果 。 


2.6.3 样式 表 的 应 用 


【 例 2.39】〗 使 用 CSS 文本 缩 进 属性 美化 页 面 ,把 正文 内 容 首 行 缩 进 24pt。 
代码 如 下 。 


htm> 
head> 


<title> Css 首 行 缩 进 < /title> 
< style type= "text/css"> 


= 


pitext- indent :24pt} 


<body> 


<hl> 首 行 缩 进 < /hi> 
<p> Where there is a mll,there is a way.< /E> 


< /body> 
/htm> 


运行 结果 如 图 2. 39 所 示 。 


【 例 2.40】 
代码 如 下 。 


使 用 CSS 设置 超 链接 显示 效果 。 
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<html> 
<head> 
<title> 超 链接 属性 设置 < /title> 
< style type= "text/css"> 
= 
a:link {color: #FE0000} < !- -未 被 访问 的 链接 红色 --> 
a:visited {color: #00FF00} < !-- 已 被 访问 过 的 链接 绿色 --> 
a:hover {color: #FECC00} < !- -鼠标 悬浮 在 上 面 的 链接 杜 色 --> 
a:active {color: #0000FF} < !- -鼠标 单 击 激活 链接 蓝 色 --> 


二 一 区 
< /style> 
< /head> 
<bocy> 
<a href= "http://www.qmu.edu.on"> 青 海 民 族 大 学 网 站 < /a> 
< /pody> 
< /htm> 


设置 超 链接 后 的 显示 效果 如 图 2. 40 所 示 。 


RT Ed 
名 回 - 加 FiNAsP.MNETVEx2 39.html 贺 | 乡 |[x] [PE 

文件 (E) 编辑 (E) 查看 (WV) 收藏 夹 (A) 工具 (T) 者 ” 
宽 收藏 天 “| 厨 5SS 首 行 缩 进 男 


- 超 链 接 属性 设置 - 7... | | 口 (| 
GO 问 F:NAsP.NETVEx2_40.html 加 | 乡 [x] | 
文件 (E) 编辑 EE) 查看 (W) 收藏 夫 (A) 工具 ” 
会 收藏 天 “| 雹 直 链接 属性 设置 | 


首 行 缩 进 


Where there is a will, there is a way. 


忌 我 的 电脑 三、 下 100% -~ 时 我 的 电脑 组、 有 i100% -i 


图 2.39 首 行 缩 进 样式 图 2.40 超 链接 属性 设置 


2.6.4 CSS 各 种 样式 的 定义 


根据 在 HTML 文件 中 的 引入 方式 和 作用 范围 的 不 同 ,CSS 样式 表 分 为 三 类 : 内 联 样式 
表 、 文 件 级 样式 表 、 外 部 样式 表 。 

1. 内 联 样式 表 

内 联 样式 表 用 在 标记 二 body 二 和 二 /body 二 之 间 , 主 要 在 HTML 标记 中 引用 ,用 于 临 
时 设置 某 个 HTML 元 素 的 样式 。 

语法 格式 : 

< 标记 名 style= "属性 1: 值 1; 属性 1: 值 1;…"> 


【 例 2.41】 使 用 内 联 样式 表 , 将 1 级 标题 <hl 二 的 字体 设置 为 宋体 ;将 段落 正文 一 p> 
的 字体 颜色 设置 为 蓝 色 ,字体 大 小 设置 为 20pt。 
代码 如 下 。 
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<htm> 
<head> 
<title> 内 联 样 式 表 < /title> 
< /head> 
< body> 
<hl style= "font- family: 宋 体 吃 内 联 样 式 表 < /hl> 
<p style= "color:blue;font- size:20pt"> Css 的 功能 强大 ,不 但 使 网 页 变 得 更 加 美观 ,而 且 简 化 
了 网 页 的 更 新 工作 ,使 之 更 易 维 护 。< /p> 
< /body> 
< /him> 


显示 结果 如 图 2. 41 所 示 。 


内 联 样式 表 Windows Int. 国 国 闪 
GO Or:Wse. MT\Ex2 4l. au 国 区 | 四 PBine 
文件 (E) 编辑 (E) 查看 (V) 收藏 天 (6 工具 (TD) 帮助 ” 
遍 收 藏 天 “| 面 内 联 样 式 表 


内 联 样式 表 


CSS 的 功能 强大 ， 不 但 使 网 页 变 得 
更 加 美观 ， 而 且 简 化 了 网 页 的 更 
新 工作 ， 使 之 更 易 维护 。 


最 我 的 电脑 0% 


图 2.41 内 联 样式 表 


内 联 样式 表 的 写法 虽然 简单 ,但 是 不 能 很 好 地 发 挥 CSS 的 优势 。 

2. 文件 级 样式 表 

文件 级 样式 表 通 过 二 style 二 标记 由 入 在 HTML 文件 的 头 部 ,一 般 位 于 标记 二 head 二 
和 去 /head> 之 间 。 文 件 级 样式 表 对 整个 HTML 文件 都 有 效 , 用 来 设置 整个 文件 的 样式 。 

语法 格式 : 


<head> 


< style type= "text/css"> 
二 
选择 符 1 {属性 1: 值 1; 属性 2: 值 2; …} 
选择 符 2 {属性 1: 值 1; 属性 2: 值 2; …} 
二 


</style> 


< /head> 
语法 说 明 : 
(1) 可 以 设置 多 条 CSS 规则 .每 条 规则 占 一 行 。 
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(2) 注释 “二 ! 一 一 ”和 "一 一 之 ”用 于 兼容 不 支持 CSS 的 浏览 器 ,可 以 省 略 。 当 浏览 器 不 
能 识别 CSS 标记 时 ,会 自动 忽略 二! 一 一 "和 “一 一 二 ”之 间 的 内 容 。 

【 例 2.42】 使 用 文件 级 样式 表 , 将 1 级 标题 二 hl 过 的 字体 设置 为 宋体 ;将 段落 正文 
二 p 过 的 字体 颜色 设置 为 蓝 色 ,字体 大 小 设置 为 20pt。 

代码 如 下 。 


<html> 
<head> 
<title> 文 件 级 样式 表 < /title> 
< style type= "text/css"> 
ee 
hl {font- family: 宋 体 } 


P {color:blue;font— size:20pt} 
--> 


< /style> 
< /head> 
<body> 
<hl> 文 件 级 样式 表 < /hl> 
<P> Css 的 功能 强大 ,不 但 使 网 页 变 得 更 加 美观 ,而 且 简化 了 网 页 的 更 新 工作 ， 
使 之 更 易 维护 。< /p> 
< /body> 
< /html> 


显示 结果 如 图 2. 42 所 示 。 


Sp' = i 加 回避 
OO 加 FiwsP.IETVix2 42.html 图 [多 [| [P pine 

文件 (E) 编辑 (E) 查看 (W) 收藏 只 (8) 工具 (T) 帮助 ” 
帘 收藏 天 “| 厦 文 档 级 样式 表 ] 


文档 级 样式 表 


CSS 的 功能 强大 ， 不 但 使 网 页 变 得 
更 加 美观 ， 而 且 简 化 了 网 页 的 更 
新 工作 ， 使 之 更 易 维护 。 


如 我 的 电脑 级- QQl00% - ， 


图 2.42 文档 级 样式 表 
3. 外 部 样式 表 


外 部 样式 表 的 作用 与 文件 级 样式 表 相 同 ,但 是 它 定义 在 独立 的 CSS 文件 中 ,使 用 时 再 
链接 到 HTML 文件 中 。 

语法 格式 如 下 。 

方法 一 : 


< link rel= "stylesheet" hre 全 "大 式 表 路 径 " type= "text/css"> 
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下 法 二 8 

< style type= "text/css"> 
天时 三 
Qimport url 翌 式 表 路 径 ); 
--> 


</style> 


【 例 2.43】 建立 外 部 样式 表 文 件 style. css, 将 1 级 标题 二 hl 过 的 字体 设置 为 宋体 ,将 
段落 正文 二 p 过 的 字体 颜色 设置 为 蓝 色 ,字体 大 小 设置 为 20pt。 
步骤 1 在 记事 本 中 创建 一 个 名 为 style. css 的 样式 表 文 件 , 文 件 内 容 为 : 


hl {font- family: 宋 体 } 
P {color:blue;font- size:20pt} 


步骤 2 创建 一 个 HTML 文件 ,并 且 调 用 style. css。 
代码 如 下 。 


<htm> 
<head> 
<title> 外 部 样式 表 < /title> 
< style type= "text/css"> 
<!-- 
Qimport url (style.css); 
王室 欧 
< /style> 
< /head> 
<body> 
<hl> 外 部 样式 表 < /hl> 
<E> Css 的 功能 强大 ,不 但 使 网 页 变 得 更 加 美观 ,而 且 简化 了 网 页 的 更 新 工作 ,使 之 更 
易 维护 。< /> 
< /body> 
< /html> 


使 用 外 部 样式 表 后 的 显示 效果 如 图 2. 43 所 示 。 

4. CSS 的 优先 权 原 则 

在 对 同一 个 HTML 元 素 应 用 多 个 CSS 样式 时 ,这 些 样式 之 间 可 能 发 生 冲 突 ,显示 时 可 
能 会 出 现 无 法 预期 的 效果 。 浏 览 器 在 显示 CSS 样式 时 ,遵循 以 下 原则 。 

(1) 若 在 同一 个 类 型 的 样式 表 中 发 生 冲 突 , 则 按 最 后 定义 的 样式 显示 。 

(2) 若 在 不 同类 型 的 样式 表 中 发 生 冲 突 , 则 按照 内 联 样 式 表 文件 级 样式 表 、 外 部 样式 
表 的 优先 顺序 显示 。 


2.7 HTML 的 其 他 常用 标记 


2.7.1 骨 入 多 媒体 文件 
在 Web 页 面 中 嵌入 多 媒体 文件 ,可 以 使 页 面 显得 更 加 生动 形象 。 常 见 的 有 骨 人 音频 和 
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< 外 部 样式 表 一 Windows Int... |-| 
GO | 关 F:\ASP. NET\Ex2_43. html 后 [x 
文件 (E) 编辑 (E) 查看 (四 ”收藏 天 他 工具 人) 可 
帘 收藏 严 “| 大 外 部 样式 表 


外 部 样式 表 


CSS 的 功能 强大 ， 不 但 使 网 页 变 得 
更 加 美观 ， 而 且 简 化 了 网 页 的 更 
新 工作 ， 使 之 更 易 维护 。 


图 2.43 外 部 样式 表 
视频 文件 ,其 语法 格式 为 : 
<EMBED SRC=" 音 视频 文件 地 址 "> 
【 例 2.44】 页 面 中 嵌入 一 个 音频 视频 交错 格式 文件 , 幅 入 的 文件 zuan. avi 已 存放 在 磁 


盘 上 。 
代码 如 下 。 


<htm> 
<head> 
<title> 多 媒体 < /title> 
< /head> 
<body> 
<h4 align= "center"> 网 页 中 的 多 媒体 < /h4> 
< arbed 
src=" blur.avi" height= "50% " width= "300" autostart=true loop= 3> 
< /center> 
< /body> 
< /htm> 


运行 结果 如 图 2. 44 所 示 。 

媒 入 音频 和 视频 文件 时 ,常用 的 属性 及 属性 值 有 以 下 几 种 。 
1. 自动 播放 autostart 

语法 格式 : 


autostart= true| false ("1 号 示 喊 ") 


true: 表示 音乐 文件 在 下 载 完 之 后 自动 播放 。 
false: 表示 音乐 文件 在 下 载 完 之 后 不 自动 播放 。 
例如 : 


< earbed src= "your.mid" autostart= true> 
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< 多 媒体 2 一 Windows Int... [- Cx) 


SO- 回 F:NAsP.IETVEz2_44.html 图 加 | 多 [Psin 


文件 (E) 编辑 (E) 查看 (W) 收藏 天 (&) 工具 (T) >” 
空 收藏 大 “| 着 多 琛 傈 7 es | 


网 页 中 的 多 媒体 


图 2.44 页 面 中 嵌入 音频 视频 交错 格式 文件 
2. 循环 播放 loop 
语法 格式 : 
loop= 正 整数 1truelfalse 
属性 值 为 正 整 数值 时 ,音频 或 视频 文件 的 循环 次 数 与 正 整 数值 相同 ; 
属性 值 为 true 时 ,音频 或 视频 文件 循环 ; 
属性 值 为 false 时 ,音频 或 视频 文件 不 循环 。 
例如 : 
< ebed src= "your.mid" autostart=trve loop= 人 > 
3. 面板 显示 hidden 
语法 格式 ， 
hidqden= true|no 
该 属性 规定 控制 面板 是 否 显示 ,默认 值 为 no。true: 隐藏 面板 ;no: 显示 面板 。 
例如 : 


< enbed src= "your.mid" hidden= true> 
4. 开始 时 间 starttime 

语法 格式 : 

starttime=mm:ss (分 : 秒 ) 


该 属性 规定 音频 或 视频 文件 开始 播放 的 时 间 ( 分 : 秒 )。 未 定义 则 从 文件 开头 播放 。 
例如 : 


< enbed src= "your.mid" starttime= "00:10"> 


5. 音量 大 小 volume 
语法 格式 : 


volume= 0~ 100 之 间 的 整数 
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该 属性 规定 音频 或 视频 文件 的 音量 大 小 ,未 定义 则 使 用 系统 本 身 的 设 定 。 
例如 : 


< erbed src= "your .mid" volume= "10"> 


6. 容器 属性 height width 
语法 格式 : 


height= 值 1 width= 值 2 


取 值 为 正 整 数 或 百分数 ,单位 为 像素 。 该 属性 规定 控制 面板 的 高 度 和 宽度 。height: 控 


制 面板 的 高 度 ; width: 控制 面板 的 宽度 。 


例如 : 

< ebed src= "your.mid" height= 200 width= 200> 

7. 外 观 设置 controls 

语法 格式 : 

controls= console| smallconsole|playbutton|Pausebuttcon| stopbutton|volumelever 


该 属性 规定 控制 面板 的 外 观 , 默 认 值 是 console。 
console, 一 般 正 常 面板 ;smallconsole, 较 小 的 面板 ;playbutton, 只 显示 "播放 ”按钮 ; pausebutton， 


只 显示 “暂停 ”按钮 ;stopbutton, 只 显示 “停止 "按钮 ;volumelever, 只 显示 “音量 调节 ”按钮 。 
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< ebed src= "your.mid" oontrols= smallconsole> 
< embed src= "your.mid" controls= volumelever> 


8. 对 象 名 称 name 
语法 格式 : 


name= 对象 的 名 称 


该 属性 给 对 象 取 名 ,以 便 其 他 对 象 利 用 。 
例如 : 


< embed src= "your.mid" name= "soundl"> 


9. 说 明文 字 title 


语法 格式 : 

title= 说 明 的 文字 

该 属性 规定 音频 或 视频 文件 的 说 明文 字 。 
例如 : 


< erbed src= "your.mig" title=" 第 一 首 歌 吃 


10. 前 景色 和 背景 色 palette 
语法 格式 : 
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palette= color] | color2 


该 属性 表示 艇 入 的 音频 或 视频 文件 的 前 景色 和 背景 色 ,第 一 个 值 为 前 景色 ,第 二 个 值 为 
背景 色 , 中 间 用 “1” 隔 开 。color 可 以 是 RGB 色 (RRGGBB) ,也 可 以 是 颜色 名 ,还 可 以 是 
transparent( 透 明 ) 。 

例如 : 


< enbed src= "your .mid" palette= "red|black"> 


11. 对 齐 方 式 align 
语法 格式 : 


aliqr top|bottam| center|baseline| left | right | texttop|migdle| absmiddle| absbottom 


该 属性 规定 控制 面板 和 当前 行 中 的 对 象 的 对 齐 方式 。 
center ,控制 面板 居中 ;left, 控 制 面板 居 左 ;right, 控 制 面板 居 右 ;top, 控 制 面板 的 顶部 
与 当前 行 中 的 最 高 对 象 的 顶部 对 齐 ; bottom ,控制 面板 的 底部 与 当前 行 中 的 对 象 的 基线 对 
齐 ;baseline, 控 制 面板 的 底部 与 文本 的 基线 对 齐 ;texttop ,控制 面板 的 顶部 与 当前 行 中 的 最 
高 的 文字 顶部 对 齐 ;middle, 控 制 面板 的 中 间 与 当前 行 的 基线 对 齐 ;absmiddle, 控 制 面板 的 
中 间 与 当前 文本 或 对 象 的 中 间 对 齐 ;absbottom ,控制 面板 的 底部 与 文字 的 底部 对 齐 。 
注意 : 音频 和 视频 文件 的 数据 量 较 大 ,不 可 频繁 嵌入 。 
2.7.2 播放 背景 音乐 
1. 插入 背景 音乐 标记 二 bgsound 二 
去 bgsound> 标记 用 以 插入 背景 音乐 ,但 只 适用 于 IE, 其 语法 格式 为 : 
<bgsound src= "音乐 文件 的 地 址 " autostart= truelfalse loop= 循 环 次 数 > 
属性 src 用 来 指出 音乐 文件 地 址 ;autostart 指出 在 音乐 下 载 传送 完 之 后 是 否 自 动 播放 ， 
默认 为 false, 选 择 true 则 自动 播放 ;loop 用 来 指出 播放 的 次 数 ,例如 loop=3 表示 重复 播放 
三 次 ,infinite 或 一 1 表示 重复 多 次 。 
注意 : IE 的 旧版 本 对 二 bgsound 二 标记 支持 不 太 好 。 
2. 插入 背景 音乐 标记 二 embed 二 
可 以 让 音乐 自动 载 和 人, 让 它 出 现 控制 面板 或 当 背 景 音 乐 来 使 用 。 过 embed 二 用 以 插入 
各 种 多 媒体 ,格式 可 以 是 MIDI.MAV、AIFF、AU、MP3 等 ,Netscape 及 新 版 的 IE 都 支持 ， 
其 参数 设 定 较 多 。 
语法 格式 : 
<anbed src= 吓 乐 文件 地 址 " autostart= 值 1 loop= 值 2 hidien= 值 3> 
标记 二 embed 二 的 常用 属性 如 表 2. 16 所 示 。 
表 2.16 标记 二 embed 一 的 常用 属性 
属 性 说 明 
src 用 于 设 定 音 乐 文件 的 路 径 
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属 性 说 明 

autostart 音乐 文件 传送 完 后 是 否 自动 播放 ,true 是 ,false 否 , 默 认为 false 

loop 设 定 播放 重复 次 数 , 如 loop 二 3 为 重复 三 次 ,true 为 无 限 次 播放 ,false 为 播放 一 次 即 停 止 

startime 设 定 乐曲 的 开始 播放 时 间 , 若 30s 后 播放 可 写 为 : startime 一 00:30 

volume 设 定 音 量 的 大 小 , 取 值 0 一 100。 如 果 不 设 定 ,就 用 当前 系统 的 音量 

width ,height | 设 定 控制 面板 的 大 小 

hidden 设置 是 否 隐藏 控制 面板 ,true 为 是 ,no 为 否 ( 默 认 ) 
设 定 控制 面板 的 样式 。console, 一 般 正常 的 面板 ;smallconsole, 较 小 的 面板 ;playbutton， 

controls 只 显示 “播放 ”按钮 ;pausebutton, 只 显示 “暂停 ”按钮 ;stopbutton, 只 显示 “停止 "按钮 ; 
volumelever, 只 显示 “音量 调整 "按钮 


【 例 2.45】 页 面 中 髋 入 一 个 文件 名 为 “Message. mp3” 的 音乐 文件 。 


代码 如 下 。 
<htm> 
<head> 
<title> 背 景 音 乐 < /title> 
< /head> 
<body> 


<h4 align= "center"> 网 页 中 的 背景 音乐 < /h4> 
< eribed balance= 0 src= "Message.mp3" volume= - 600 loop= -1 


</htm> 


运行 结果 如 图 2. 45 所 示 。 


妆 收 藏 大 “| 厂 背 景 音乐 
网 页 中 的 背景 音乐 


一 
OOO 


时 我 的 电脑 入 -| 所 100% -i 


图 2.45 网 页 中 的 背景 音乐 


2.7.3 滚动 效果 


1. 滚动 字幕 标记 二 marquee 二 
标记 过 marquee> , 译 为 "跑马 灯 ”, 可 产生 滚动 字幕 效果 ,使 网 页 生动 活泼 ,增加 视觉 效 
果 。 标 记 为 : 二 marquee 二 … 一 /marquee 二 。 
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2. 标记 二 marquee 二 的 常用 属性 
标记 二 marquee 二 的 常用 属性 如 表 2. 17 所 示 。 
表 2.17 标记 一 marquee 二 的 常用 属性 


属 性 说 明 
direction 用 于 指定 文字 移动 方向 ,属性 值 有 : left、right 
Boao 指定 文字 移动 方式 。 属 性 值 scroll 表示 文字 一 圈 圈 移动 ,slide 表示 如 幻灯 片 一 格格 
地 一 接触 左边 便 全 部 消失 ,alternate 表示 文字 向 左右 两 边 来 回 移动 
loop 用 于 指定 循环 次 数 , 其 值 可 以 是 正 整 数 或 infinite,infinite 表示 无 限 次 
scrollamount 用 于 指定 文字 移动 的 速度 , 即 设 定 每 “ 格 "文字 之 间 的 间隔 ,单位 是 像素 
scrolldelay 设 定 文字 滚动 的 停顿 时 间 ,单位 是 ms 
bgcolor 用 于 指定 文字 滚动 范围 的 背景 颜色 


height width 设置 文字 滚动 范围 ,可 以 采取 相对 或 绝对 ,如 30% 或 30 等 ,单位 为 像素 
hspace ,vspace 设 定 文字 的 水 平 或 垂直 的 空白 位 置 


【 例 2.46】 页 面 中 插入 不 同 效果 的 滚动 字幕 。 


<htm> 
<head><title> 滚 动 字 幕 < /title> < /head> 

< body text= # ff0000 bgcolor= # ccff99> 
<rmarquee> 请 进入 滚动 界面 < /marquee> 
<marquee direction= left> 从 右 向 左 移动 
< [marquee><P> 
<marquee direction= right behavior= scroll> 从 左 向 右 移动 
< /marqee ><P> 
<marquee scrollampunt= 18> 移动 比较 快 
< marquee><P> 
<marquee loop= 3 bgcolor=blue> 背景 是 蓝 色 ,循环 三 次 即 停止 
< /marqee ><P> 
<marguee behavior= "scroll" directicn= "Jeft" bgoolor= "4 0000ff" height= 
"30" width= "150" hspace= "0" vspaoe= "0" loop= "infinite" scrollampunt 一 
"30" scrolldelay= "500"> hellox< /marquee> 
< /body> 

< /htm> 


运行 结果 如 图 2. 46 所 示 。 
2.7.4 页 面 属性 的 设置 


网 页 中 的 背景 设计 相当 重要 ,尤其 对 于 主页 来 说 ,好 的 背景 不 但 能 影响 访问 者 对 网 页 内 
容 的 接受 程度 ,还 能 影响 访问 者 对 整个 网 站 的 印象 。 不 难 发 现 , 不 同 的 网 站 上 ,甚至 同一 个 
网 站 的 不 同 页 面 上 ,都 会 有 各 式 各 样 的 背景 设计 。 一般 地 ,常用 的 页 面 背景 有 以 下 几 种 。 

1. 颜色 背景 

颜色 背景 的 设计 是 最 为 简单 的 ,但 同时 也 是 最 为 常用 和 最 为 重要 的 ,因为 相对 于 图 片 背 
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5 滚动 字幕 - Windows Inter... (med 
© Er:\WsP. MwT\Ex2_45.htm 国 [|[x| [P Bins 
文件 (FE) 编辑 EE) 查看 (VY) 收藏 夹心 工具 (T) 帮助 ” 
帘 收藏 天 ”| 大 滚动 字幕 


请 进入 滚动 界面 
从 右 向 左 移动 


移动 比较 快 


时 我 的 电脑 入- 下 100% ~ 


图 2.46 页 面 中 插入 不 同 效果 的 滚动 字幕 


景 来 说 , 它 有 无 与 伦比 的 显示 速度 上 的 优势 。 在 网 页 文件 中 ,一 般 通 过 二 body 二 标签 来 指 
定 页 面 的 颜色 背景 ,其 HTML 语法 为 : 

<body bgcolor= "color"> 
其 中 的 “color” 表 示 不 同 的 颜色 ,可 以 用 各 种 不 同 的 颜色 表示 方法 ,常用 的 有 直接 用 颜色 的 
英文 名 称 , 如 blue、yellow、black 等 ,还 可 以 用 颜色 的 十 六 进 制 表 示 方 法 ,如 # 0000FF、 
并 FFFF00 .并 000000 等 ,此 外 还 可 以 用 百分比 值 法 和 整数 法 ,其 效果 都 是 一 样 的 。 

颜色 背景 虽然 比较 简单 ,但 如 要 要 求 不 同 的 页 面 内 容 设 计 背 景 颜色 的 冷暖 状态 ,要 根据 
页 面 的 编排 设计 背景 颜色 与 页 面 内 容 的 最 佳 视觉 搭配 。 

2. 沙 纹 背景 

沙 纹 背景 其 实 属于 图 片 背景 的 范畴 , 它 的 主要 特点 是 整个 页 面 的 背景 可 以 看 作 是 局 部 
背景 的 反复 重 排 , 在 这 类 背景 中 以 沙 纹 状 的 背景 最 为 常见 ,所 以 将 其 统称 为 沙 纹 背景 。 

初学 者 制作 者 网 页 时 , 当 试 图 把 某 张 照片 作为 页 面 的 背景 , 却 发 现 浏览 器 上 显示 出 来 的 
不 仅 是 一 个 照片 ,而 是 同一 照片 在 水 平和 竖 直 方向 上 的 反复 排列 。 按 照 浏览 器 处 理 图 片 背 
景 的 这 一 方法 ,可 以 用 一 小 块 图 片 作为 页 面 背 景 , 让 它 自动 在 页 面 上 重复 排列 , 铺 满 整个 页 
面 ,从 而 减 小 网 页 数据 容量 。 

具体 方法 是 先 选择 一 张 小 的 图 片 , 越 小 越 好 ,但 注意 要 使 最 后 的 背景 看 起 来 要 像 一 个 整 
体 ,而 不 是 若干 图 片 的 堆砌 。 其 实现 的 HTML 语法 如 下 : 

<body background= "picture"> 
其 中 的 “picture” 表 示 背 景 图 片 的 URL 路 径 。 

3. 条 状 背景 

条 状 背 景 与 沙 纹 背景 比较 相似 , 它 适用 于 页 面 背 景 在 水 平 或 竖 直 方向 上 是 重复 排列 的 ， 
而 在 其 他 方向 是 没有 规律 的 。 它 也 是 利用 浏览 器 对 图 片 背 景 的 自动 重复 排列 ,与 沙 纹 背 景 
所 不 同 的 是 它 只 让 图 片 在 一 个 方向 上 重复 排列 。 

以 在 竖 直 方向 上 排列 图 片 为 例 , 首 先 用 图 像 处 理 软件 制作 一 个 从 左 到 右 为 蓝 白 渐变 的 
水 平 条 状 图 片 ,其 长 度 与 页 面 的 宽度 相同 。 再 通过 语句 二 body background 一 "picture" 二 ， 
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将 其 设 为 页 面 背 景 ,经 浏览 器 显示 后 ,就 成 为 整个 页 面 从 左 到 右 蓝 白 渐变 的 颜色 背景 。 用 类 
似 方法 也 可 以 实现 条 状 背景 在 水 平方 向 上 的 重复 排列 。 

4. 照片 背景 

当 把 某 张 照片 作为 页 面 的 背景 时 ,浏览 器 对 图 片 的 自动 重复 排列 却 使 这 一 愿望 难以 实 
现 。 为 解决 这 一 问题 ,在 网 页 文件 的 二 head 盖 … 二 /head 二 之 间 加 入 下 面 的 CSS 语句 : 


< style type= "text/css"> 
< 上 -body {background- image:url (photo.jpg) ;background- repeat:no- repeat 
background- attachment :fixed;background- position:50% 50%}-—>< /style> 
其 中 ,“photo. jpg” 是 插入 照片 的 文件 名 ,可 自行 命名 ;“background-position” 是 照片 在 页 面 
上 的 位 置 , 根 据 需 要 可 调整 数据 大 小 。 
这 样 , 在 网 页 页 面 中 ,就 可 以 看 到 照片 位 于 页 面 的 正中 间 ,而 且 在 拉动 浏览 器 窗口 的 滚 
动 条 时 ,照片 仍然 位 于 页 面 的 正中 间 而 不 随 页 面 内 容 一 起 滚动 。 如 果 照 片 位 于 页 面 的 正中 
间 不 满意 ,也 可 以 随意 地 调整 它 在 页 面 中 的 位 置 ,只 需要 调整 background-position 的 值 就 
可 以 了 。 
5. 局 部 背景 
上 述 几 种 背景 都 是 整个 页 面 的 背景 ,能 不 能 在 页 面 上 为 某 个 局 部 的 内 容 设置 属于 它 自 
己 的 背景 呢 ? 回答 是 肯定 的 。 
最 为 常见 的 是 可 以 为 表格 设置 一 个 不 同 于 页 面 的 背景 ,甚至 在 表格 的 不 同 单元 格 中 , 设 
置 不 同 的 背景 。 
【 例 2.47】 页 面 上 显示 2 行 3 列 的 表格 , 且 每 个 单位 格 显示 不 同 的 背景 。 
<htm> 
<head><title> 背 景 设计 示例 < /title> < /head> 
<body> 
< table border= "1" width= "240" height= "101" bgcolor= 只 COCOCO"> 
<tr>< td width= "80" height= "46" bgoolor= "# 00FFFE"> < /td> 
< td width= "80" height= "46"> < /td> < td width= "80" height= "46" bgcolor= 
EO0FEF00"> < /td> 
< /tr> 
< tr>< td widthr "80" height= "47" bgcolor= "# FEFF00"> < /td> 
< td width= "80" height= "47" bgoolor= # FFEO000"> < /td> 
< td width= "80" height= "47" bgoolor= 只 FEOOFFE™"> < /td> < /tr> 
< /table> 
< /body> 
< /htm> 
运行 结果 如 图 2. 47 所 示 。 
除 此 之 外 ,还 可 以 单独 为 某 个 文字 段落 设置 背景 ,甚至 为 这 个 文字 段落 中 的 某 几 个 文字 
设置 不 同 的 背景 。 这 也 需要 用 一 些 CSS。 
【 例 2.48】 页 面 上 段落 背景 设置 和 文字 背景 设置 。 


<html> 
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/2 背景 设计 示例 - Windows Internet Explorer 
TEN 
bh 
文件 四 ”编辑 E) 查看 WW 收 阅 严 外 工具 CD) 玫 助 D 
实 收藏 天 。 | 息 青 景 设计 示例 


mm- 


| F: ASP. NET\n htnl 


图 2.47 各 单元 格 背 景 设置 

<head> 

<title> 页 面 的 背景 设置 < /title> 

< style type= "text/css"> < !- — body{background:# FFFFDD; color:red}div 
{background:red; color:white}- -></ style> 

< /head> 

< body> <p style= background:black url (../images/bg.jpg); color:blackj"> 


<div 哦 把 你 们 的 故事 收入 我 的 音 简 , 放 在 生活 之 上 ,我 的 记忆 之 下 "。< /divw> 莫 言 </P> 
< /body> 
< /html> 


运行 结果 如 图 2. 48 所 示 ,显然 ,段落 和 文字 都 可 设置 所 需 的 背景 ,从 而 把 页 面 设 置 得 更 
加 美观 、 漂 亮 。 


人 页面 的 背景 设置 
PTTRA 


BO le rw mo hl 


Windows Internet Explorer 


文件 人 ) ”编辑 也) 查看 收藏 夫 () 工具 I) 帮助 D 
宽 收藏 夫 | 志 页 面 的 背景 设置 


图 2.48 段落 和 文字 背景 设置 
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2.8 在 HTML 中 使 用 JavaScript 


2.8.1 JavaScript 简介 


1. 什么 是 JavaScript 

JavaScript 最 初 起 源 于 LiveScript 语言 , 当 互联 网 开始 流行 时 , 越 来 越 多 的 网 站 开始 使 
用 HTML 表单 与 用 户 交 互 ,然而 ,表单 交互 成 了 制约 提高 速度 的 重大 瓶颈 ,用 户 总 是 花费 
较 长 时 间 等 待 数据 传送 到 服务 器 端 检 测 ,并 传 回 是 否 正 确 的 结果 ,仅仅 表单 检测 ,就 产生 了 
多 次 客户 端 与 服务 器 端 交互 。 于 是 Netscape 公司 推出 了 LiveScript 语言 , 且 Sun 公司 推出 
Java 语言 后 ,Netscape 公司 和 Sun 公司 于 1995 年 一 起 重新 设计 了 LiveScript, 并 将 其 更 名 
为 JavaScript。 

JavaScript 是 一 种 基于 对 象 和 事件 驱动 的 客户 端 脚 本 语言 ,其 最 初 的 设计 是 为 了 检验 
HTML 表单 输入 的 正确 性 。 

2. JavaScript 的 功能 

1) 脚本 编程 语言 

与 HTML 代码 结合 在 一 起 ,通常 由 浏览 器 解释 执行 。 

2) 基于 对 象 的 语言 

JavaScript 的 许多 功能 来 自 于 脚本 环境 中 对 象 的 方法 与 脚本 的 相互 作用 。 

3) 安全 性 

在 HTML 页 面 中 JavaScript 不 能 访问 本 地 硬盘 ,也 不 能 对 网 络 文档 进行 修改 和 删除 ， 
只 能 通过 浏览 器 实现 信息 浏览 或 动态 交互 。 

4) 跨 平台 

在 HTML 页 面 中 JavaScript 的 执行 环境 依赖 于 浏览 器 本 身 , 只 要 安装 了 支持 
JavaScript 的 浏览 器 ,JavaScript 程序 就 可 以 执行 。 

3. JavaScript 应 用 

1) 客户 端 应 用 

将 客户 端的 JavaScript 脚本 程序 嵌入 或 链接 到 HTML 文件 , 当 用 户 通过 浏览 器 请 求 
HTML 页 面 时 ,JavaScript 的 脚本 程序 与 HTML 一 起 被 下 载 到 客户 端 ,由 客户 端的 浏览 器 
读 取 HTML 文件 ,将 包含 的 JavaScript 解释 执行 。 

2) 服务 器 端 应 用 

JavaScript 可 以 用 来 开发 服务 器 端的 Web 应 用 程序 。 当 用 户 通过 浏览 器 请 求 URL 
时 ,服务 器 执行 JavaScript 脚本 程序 ,将 生成 的 数据 以 HTML 格式 返回 浏览 器 。 


2.8.2 在 HTML 中 使 用 JavaScript 


在 HTML 中 通过 二 SCRIPT 放 … 二 /SCRIPT 放 标记 引入 JavaScript 代码 。 当 浏览 器 
读 取 到 二 SCRIPT 标 记 时 ,解释 执行 其 中 的 脚本 。 

1. script 标记 

script 标记 成 对 出 现 , 以 二 script 二 开始 ,以 二 /script 二 结束 。JavaScript 代码 使 用 
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<script 之 和 均 /script 之 集成 到 HTML 文件 中 。 在 一 个 HTML 文件 中 ,可 以 有 多 对 
二 script 这 和 过 /script 记 来 典 人 和信 多段 JavaScript 代码 ,每 个 JavaScript 代码 中 可 以 包含 一 条 
或 多 条 JavaScript 语句 。 

2. script 标记 的 属性 

src: 指定 需要 加 载 的 脚本 文件 的 地 址 URL。 

type: 指定 媒体 类 型 。 例 如 ,一 script type 王 "textV/javascript" 二 是 指 放 在 一 script 二 和 
三 /script 二 之 间 的 是 文本 类 型 ,JavaScript 告诉 浏览 器 里 面 的 文本 是 属于 JavaScript 脚本 。 

例如 ,在 HTML 中 通过 script 标记 引入 JavaScript 代码 ,在 页 面 上 显示 “Hello 
World!”。 其 中 的 脚本 标记 及 代码 是 : 

< script typer "text/javascript"> 

cocument .write ("< hl> Hello World!< /hl> ") < /script> 

3. JavaScript 编程 基础 

1) 常量 

数值 型 (整数 、 浮 点 数 ) .字符 串 和 布尔 型 。 

2) 变量 

使 用 关键 字 “var” 声 明 变 量 , 如 var name;。 

3) 运算 符 

(1) 算术 运算 符 : 十 ,一 、* 、/、%( 取 余数 ) 十 十 一 一 。 

(2) 关系 运算 符 : 二 .二 = 、 > 、 > 一 .= 一 、!=。 

(3) 逻辑 运算 符 : &&、| 、!。 

(4) 字符 串 运 算 符 : 十 (连接 ) 。 

(5) 赋值 运算 符 : 王 

(6) 条 件 运算 符 : condition?true_result:false_ result。 

4) JavaScript 对 话 框 

(1) alert: 警告 对 话 框 。 

(2) confirm: 确认 对 话 框 ,返回 一 个 bool 值 。 

(3) prompt: 输入 对 话 框 。 

【 例 2.49】〗 设计 一 个 JavaScript 对 话 框 。 


<htm><head>< title> 确 认 对 话 框 < /title>< /head> 
< body> 
< script language= javascript> 
Var leamed; 
Var show text; 
leamed= confim(" 您 学 习 过 Java 语 言 吗 ?"); 
show text= leamed?" 是 ":" 否 "; 
Gocument .write (show text); 
< /script> 
< /body> 
</hbm> 
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运行 结果 如 图 2. 49 所 示 。 

5) JavaScript 流程 控制 语句 

(1) 分 支 结 构 : 包括 让 语句 和 switch 语句 。 

(2) 循环 结构 : 包括 for 语句 、while 语句 和 do… while 
语句 。 CC 村 Dw 

6) JavaScript 预定 义 函 数 

(1) eval(): 计算 字符 串 表 达 式 的 值 。 

(2) parseFloat(): 将 字符 串 转 换 为 浮 点 数 。 

(3) parseInt() : 将 字符 串 转 换 为 整数 。 

7) JavaScript 对 象 

可 以 使 用 三 种 对 象 , 即 内 置 对 象 . 自 定义 对 象 和 浏览 器 对 象 。 在 JavaScript 中 ,可 通过 
new 运算 符 来 创建 对 象 , 即 变量 名 王 new 对 象 名 ()。 将 新 创建 的 对 象 赋予 一 个 变量 后 ,就 可 
以 通过 这 个 变量 访问 对 象 的 属性 和 方法 。 

JavaScript 内 置 对 象 有 以 下 几 个 。 

(1) Date 对 象 : 该 对 象 主要 提供 获取 和 设置 日 期 和 时 间 的 方法 。 例 如 ,getFullYear()、 
getMonth() .getDate() .getDay() 。 

(2) String 对 象 : 该 对 象 提供 了 对 字符 串 进 行 处 理 的 属性 和 方法 。 例 如 length()、 
toLowerCase() .toUpperCase() 、substr() 。 

(3) Array 对 象 : 在 JavaScript 中 ,使 用 内 置 对 象 Array 创建 数组 对 象 。 

格式 为 : 


来 自 网 页 的 消息 区 ] 


2 修学 习 过 Javs 语 言 多 ? 


图 2. 49 JavaScript 对 话 框 


Var arrayname= new Array (arraysize) 
例如 ,执行 以 下 代码 ,可 以 显示 出 系统 当前 的 日 期 \ 时 间 和 星期 。 


<html><head><title> 显示 星期 几 < /title> < /head> 
<body> 
< Script language= javascript> 
Var week, today,week i; 
wesk=new Array(" 星 期 日 "," 星 期 一 "," 星 期 二 "星期三", 星期 四 ",' 星 期 五 ",'" 星 期 六 "); 
today= new Date ()7 
week_i= today.getDay (); 
document .write (today.toLocaleString ()+ week [week i]); 
< /script> 
< /body> 
< /htm> 


4. 动态 网 页 编程 技术 

在 HTML 文档 中 使 用 脚本 语言 ,通过 文档 对 象 模型 和 事件 驱动 技术 ,控制 加 载 到 浏览 
器 中 的 页 面 及 其 元 素 。 

1) 文档 对 象 模型 

(1) 文档 对 象 模型 为 层次 结构 ,所 有 下 层 对 象 都 是 其 上 层 对 象 的 子 对 象 ; 

(2) 子 对 象 其 实 就 是 父 对 象 的 属性 ,其 引用 方式 与 对 象 属性 的 引用 相同 ， 
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(3) window 对 象 是 默认 的 最 上 层 对 象 ,因此 引用 其 对 象 时 可 以 不 使 用 window; 
(4) 当 引 用 较 低层 次 的 对 象 时 ,要 根据 对 象 的 包含 关系 ,使 用 成 员 引 用 操作 符 , 一 层 层 


地 引用 对 象 。 例 如 ,引用 文档 中 表单 (forml ) 的 文本 输入 框 name, 使 用 document. forml. 


name。 


2) 事件 
(1) 事件 驱动 
Q@ 用 户 操作 事件 (操作 鼠标 或 按键 的 动作 ) 或 系统 操作 事件 (如 载 入 页面 等 ) 引 起 一 连 


串 程 序 动作 的 执行 方式 , 称 为 事件 驱动 。 


@ 为 了 响应 某 个 事件 而 进行 的 处 理 过 程 , 称 为 事件 处 理 。 

@ 对 事件 进行 处 理 的 过 程 或 函数 , 称 为 事件 处 理 程序 。 

(2) 事件 处 理 

在 JavaScript 中 ,使 用 事件 有 两 种 方法 ,即使 用 HTML 标记 或 使 用 JavaScript 语句 。 


许多 HTML 标记 允许 加 上 以 事件 名 为 名 的 属性 ,如 在 按钮 标记 中 加 上 onclick 事件 属性 ， 
并 为 该 属性 给 出 值 。 例 如 ,设计 一 个 表单 , 放 入 两 个 按钮 , 单 击 它们 时 将 显示 内 容 。 
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使 用 事件 的 另 一 种 方法 是 使 用 JavaScript 语句 : 
对 象 .事件 = 函数 名 
【 例 2.50】 设计 一 个 表单 , 放 入 两 个 按钮 , 单 击 它们 时 将 显示 内 容 。 


<htm><head>< title> 处 理事 件 - HIML 标 记 方 式 < /title>< /head> 
<body> 
< form name= "forml"> 
< input type= "button" value= "您 好 !" onclick="alts();"></P> 
< input type= "button" value= "请 当心 !" name=alt > 
< /form 
< script language= javascript> 
function alts() { 
alert ("请 您 注意 脚下 安全 哦 1");} 
foml.alt.onclick=alts; 
< /script> < /body> < /htm> 


运行 结果 如 图 2. 50 所 示 。 


二 3! | EP ET 区 


人 心 请 疙 注意 脚下 安全 噬 | 


CC 到 


图 2.50 表单 上 的 事件 处 理 
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5. 验证 表单 

当 用 户 单 击 了 表单 中 的 “提交 ”按钮 之 后 ,用 户 在 表单 中 填写 或 选择 的 内 容 将 被 传送 到 
服务 器 端 特定 的 程序 (由 action 属性 指定 ) ,由 该 程序 进行 具体 的 处 理 。 

表单 正式 提交 到 服务 器 之 前 ,需要 使 onSubmit 的 值 为 true, 因 此 可 以 通过 为 onSubmit 
事件 指定 的 处 理 函 数 来 进行 表单 数据 的 验证 。 

【 例 2.51】 计时 器 的 设计 。 


< script language= "javascript"> 
function display() { 
Var now= new Date (0)7 // 获 取 当 前 时 间 的 日 期 对 象 
Var hours= now.getHours (); 
var minutes= now.getMinutes (); 
Var seconds= now.getSeconds ()7 
Var mark= "AM"; 
if (hours> 12) { mark= "FM"; hours -= 12;} 
if hours== 0) hours= 12; 


if (hours< 10) hours= "0"+ hours; // 保 持 两 个 字符 位 置 

if (minutes< 10) minutes= "0"+ minutes; // 保 持 两 个 字符 位 置 

证 (seconds< 10) seconds= "0"+ seoonds; // 保 持 两 个 字符 位 置 

digit clock.innerText=hourst ":"+ minutest ":"+ seconds+ " "+ mark; 

SetTimeout ("display()",100); // 设 置 100ms 后 自动 执行 display() 中 的 代码 
3 
</ script > 
<html> 


<head><title> 数 字 时 钟 < /title> < /head> 

<body onload= "display () "> 

< span id= "digit clock" style= "font- size: 36pt; color: # 800080; 
font- weight: bold"> clock position< /SPAN> 

< /body> 

< /htm> 


运行 结果 如 图 2. 51 所 示 。 


/F 数字 时 神 - Windows Internet Explorer 


IPTTRA 
DSO” 加 Fwsp wy hl 
文件 四 编辑 E) 查看 WW 收藏 严 和 ) 工具 CD) 天 助 00) 


| 乱 数 字 时 名 | 从 


图 2.51 计时 器 


把 JavaScript 插 入 到 HTML 页 面 中 要 使 用 二 script 二 标记 ,使 用 这 个 标记 可 以 把 
JavaScript 舱 人 到 HTML 页 面 中 ,把 脚本 与 标记 混合 在 一 起 ;也 可 以 包含 外 部 的 JavaScript 
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文件 。 需 要 注意 以 下 几 点 。 

(1) 包含 在 二 script 一 标记 内 部 的 JavaScript 代码 将 被 从 上 到 下 一 次 解释 。 

(2) 在 解释 器 对 二 script 二 标记 内 部 的 所 有 代码 求 值 完 毕 以 前 ,页 面 中 的 其 余 内 容 都 不 
会 被 浏览 器 加 载 或 显示 。 


实践 与 练习 


一 、 选 择 题 
1. 下 面 关于 标记 的 说 法 不 正确 的 是 ( 和 
A. 标记 要 填写 在 一 对 尖 括 号 (过 二) 内 
B. 书写 标记 用 英文 字母 的 大 ,小 写 或 混合 使 用 都 是 允许 的 
C. 标记 内 可 以 包含 一 些 属性 ,属性 名 称 出 现在 标记 的 后 面 ,并 且 以 分 号 进行 分 隔 
D. HTML 对 属性 名 称 的 排列 顺序 没有 特别 的 要 求 
2. 以 下 标记 中 ,( ) 可 用 于 在 网 页 中 插入 图 像 。 
A. 二 IMG 才 标记 B. 二 BR 二 标记 C. 二 H3 过 标记 D. 二 SRC> 标 记 
3. 在 超级 链接 中 ,如 果 指 定 ( ) 框 架 名 称 , 链 接 目 标 将 在 链接 文本 所 在 的 框架 页 内 
出 现 , 当 前 页 面 被 刷新 。 


A. Blank B. Self C. Parent D. Top 
4. 二 Input Type 王 Reset 盖 是 一 个 ( ) 。 

A. 文本 框 B. 重新 填写 的 按钮 

C. 下 拉 菜 单 D. 提交 给 服务 器 的 按钮 


a 


. 以 下 CSS 代码 定义 了 一 个 样式 ,这 个 样式 的 名 称 是 ( )。 
< style type= text/css> 
<!-- 
a { font- size: 12pt; color: green; text- decoration: underline} 
一 -> 


< /style> 
A. a B. style C. type D. css 
6. 如 果 二 style type= "text/css" 二 和 所 /style 二 之 间 的 文本 不 能 正常 显示 出 来 ,是 因为 
浏览 器 版 本 比较 低 ,不 支持 样式 表 语 法 。 若 要 避免 这 种 情况 的 发 生 应 该 ( Ws 


A， 必 须 更 新 浏览 B. 只 要 加 入 二 ! 一 一 和 一 一 过 代码 
C. 只 要 加 入 CSS D. 以 上 都 不 对 
二 、 填空 题 
ls 标记 用 于 HTML 文件 的 最 前 边 ,用 来 标记 HTML 文件 的 开始 。 而 
放 在 HTML 文件 的 最 后 边 , 用 来 标记 HTML 文件 的 结束 。 

2. 表单 标记 二 Form 二 的 属性 用 于 指定 表单 处 理 程序 的 URL 地 址 ， 
属性 用 于 定义 数据 提交 方式 。 

3. 二 Input Type 一 之 标记 的 属性 用 于 为 输入 区 域 命 名 ， 属性 用 来 指 
定 输入 区 域 的 默认 值 。 
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4. 匹配 一 个 HTML 标记 和 CSS 样式 表 标 记 有 三 种 方式 : 标记 选择 符 、 
和 已 
5. 网 页 中 设 有 超 链 接 的 文字 , 当 鼠 标 划 过 时 , 变 成 淡 蓝 色 ,字体 也 由 9pt 变 为 10pt, 并 
出 现下 划 线 ,这 是 使 用 了 的 原因 。 
三 、 简 答题 与 程序 设计 题 
如 何在 网 页 中 设置 字体 ? 有 哪些 字体 可 以 使 用 ? 
如 何 引 入 一 张 图 片 ” 如 何 给 图 片 加 上 边框 ? 
如 何 使 用 超级 链接 ? 如 何 去 掉 超级 链接 的 下 划 线 ? 
如 何 定 义 跨行 的 表格 ? 如 何 将 表格 的 字体 和 边框 的 距离 加 大 ? 
. 框架 有 几 种 基本 形式 ? 如 何 使 用 ? 
. 加载 CSS 样式 的 方式 有 哪些 ?如 何 使 用 ? 
.编写 如 图 2. 52 所 示 效 果 对 应 的 HTML 代码 。 


~ on 上 oo 


< F:\ASP. NET\Ex2_23. htm. .- - 


RS 
鲍 辐 - 加 Fi:AsP.MNETVEx2_25.htm 图 


文件 (ED) 编辑 (5) 查看 (WD 收藏 天 (8) 工具 (1) ! 
空 收藏 夹 | 息 F:\ASP.NET\Ex2...| | 葵 - 


证 机 殉 值 下 乓 公设 徊 、 文 真 
pe 恒 电 ， 陋 和 
站 动 、 联 昌 厂 本 机 网 录 栅 | 


时 我 的 电脑 


图 2.52 创建 表格 


8. 如 何在 页 面 中 插入 一 幅 图 像 和 加 入 一 个 音频 文件 ,请 详细 举例 。 


115 六 一 


本 章 学 习 目标 

。 掌握 CH 的 基本 数据 类 型 。 

。 掌握 C# 各 种 运算 符 、 表 达 式 的 用 法 。 

。 理解 C# 控 制 台 程序 的 基本 结构 。 

。 能 够 使 用 IF、WHILE、FOR 等 语句 编写 程序 。 


ASP. NET 支持 所 有 的 . NET 语言 ,目前 . NET 语言 主要 有 C#( 读 作 C Sharp)、 
VB. NET、JSceript 等 。 对 熟悉 C++ 的 用 户 来 说 ,C# 更 易学 习 ; 熟 悉 VB 的 用 户 ,VB. NET 
也 是 不 错 的 选择 。 在 本 书 中 ,程序 都 是 由 C# 语 言 实现 ,本 章 主 要 介绍 C# 语 言 。 

C# 是 微软 于 2000 年 提出 的 一 种 源 于 C++ 、 类 似 于 Java 的 面向 对 象 编程 语言 ,适合 于 
分 布 式 环境 中 的 组 件 开 发 。C# 是 专门 为 . NET 设计 的 ,也 是 . NET 编程 的 首选 语言 。 它 吸 
收 了 C++、Visual Basic、Delphi、Java 等 语言 的 优点 ,体现 了 当今 最 新 的 程序 设计 技术 的 功 
能 和 精华 。 


3.1 Ct# 语 言 的 特点 


Microsoft. NET( 以 下 简称 . NET) 框 架 是 微软 提出 的 新 一 代 Web 软件 开发 模型 ,C# 语 
言 是 . NET 框架 中 新 一 代 的 开发 工具 。 其 主要 特点 如 下 。 

1. C# 语言 是 一 种 现代 、 面 向 对 象 的 语言 

C# 语 言 简化 了 C++ 语言 在 类 、 命 名 空间 方法 重 载 和 异常 处 理 等 方面 的 操作 , 它 握 弃 
了 C++ 的 复杂 性 ,更 易 使 用 ,更 少 出 错 。 它 使 用 组 件 编程 ,和 VB 一 样 容易 使 用 。C# 语法 
和 C++ Java 语法 非常 相似 ,如 果 读 者 用 过 C++ 和 Java, 学 习 C# 语 言 应 是 比较 轻松 的 。 用 
C# 语 言 编写 的 源 程序 ,必须 用 C#F 语 言 编译 器 将 C# 源 程序 编译 为 微软 中 间 语 言 
(Microsoft Intermediate Language,MSIL) 人 代码, 形成 扩展 名 为 .exe 或 . dll 的 文件 。 中 间 语 
言 代 码 不 是 CPU 可 执行 的 机 器 码 ,在 程序 运行 时 ,必须 由 通用 语言 运行 环境 (Common 
Language Runtime,CLR) 中 的 即时 编译 器 (JUST IN Time,JIT) 将 中 间 语 言 代 码 翻 译 为 
CPU 可 执行 的 机 器 码 , 由 CPU 执行 。CLR 为 C# 语 言 中 间 语 言 代 码 运 行 提供 了 一 种 运行 
时 的 环境 ,C# 语 言 的 CLR 和 Java 语言 的 虚拟 机 类 似 。 虽 然 这 种 执行 方法 使 运行 速度 变 
人 慢 ,但 也 带 来 其 他 一 些 无 与 伦比 的 优势 。 

1) 通用 语言 规范 

.NET 系统 包括 如 下 语言 : C# .C++ .VB、J# ,它们 都 遵守 通用 语言 规范 。 任 何 遵守 
通用 语言 规范 的 语言 源 程序 ,都 可 编译 为 相同 的 中 间 语 言 代码 ,由 CLR 负责 执行 。 只 要 为 
其 他 操作 系统 编制 相应 的 CLR ,中 间 语 言 代码 也 可 在 其 他 系统 中 运行 。 

2) 自动 内 存 管理 

CLR 内 建 垃圾 收集 器 , 当 变量 实例 的 生命 周期 结束 时 ,垃圾 收集 器 负责 收回 不 被 使 用 
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的 实例 占用 的 内 存 空 间 。 不 必 像 C 和 C++ 语言 那样 ,用 语句 在 堆 中 建立 的 实例 ,必须 用 语 
句 释 放 实 例 占用 的 内 存 空 间 。 也 就 是 说 ,CLR 具有 自动 内 存 管理 功能 。 

3) 交叉 语言 处 理 

由 于 任何 遵守 通用 语言 规范 的 语言 源 程序 ,都 可 编译 为 相同 的 中 间 语 言 代码 ,不 同 语言 
设计 的 组 件 ,可 以 互相 通用 ,可 以 从 其 他 语言 定义 的 类 派生 出 本 语言 的 新 类 。 由 于 中 间 语 言 
代码 由 CLR 负责 执行 ,因此 异常 处 理 方 法 是 一 致 的 ,这 在 调试 一 种 语言 调用 另 一 种 语言 的 
子 程序 时 ,显得 特别 方便 。 

2. 较 强 的 安全 性 

C# 语 言 不 支持 指针 ,一 切 对 内 存 的 访问 都 必须 通过 对 象 的 引用 变量 来 实现 ,只 允许 访 
问 内 存 中 允许 访问 的 部 分 ,这 就 防止 了 病毒 程序 使 用 非法 指针 访问 私有 成 员 ,也 避免 指针 的 
误 操 作 产生 的 错误 。CLR 执行 中 间 语 言 代码 前 ,要 对 中 间 语 言 代 码 的 安全 人 性、 完整 性 进行 
验证 ,防止 病毒 对 中 间 语 言 代 码 的 修改 。 

系统 中 的 组 件 或 动态 链接 库 可 能 要 升级 ,由 于 这 些 组 件 或 动态 链接 库 都 要 在 注册 表 中 
注册 ,由 此 可 能 带 来 一 系列 问题 ,例如 ,安装 新 程序 时 自动 安装 新 组 件 蔡 换 旧 组 件 , 有 可 能 使 
某 些 必须 使 用 旧 组 件 才 可 以 运行 的 程序 ,使 用 新 组 件 后 不 能 运行 。 在 .NET 中 这 些 组 件 或 
动态 链接 库 不 必 在 注册 表 中 注册 ,每 个 程序 都 可 以 使 用 自 带 的 组 件 或 动态 链接 库 ,只 要 把 这 
些 组 件 或 动态 链接 库 放 到 运行 程序 所 在 文件 夹 的 子 文件 夹 bin 中 ,运行 程序 就 自动 使 用 在 
bin 文件 夹 中 的 组 件 或 动态 链接 库 。 由 于 不 需要 在 注册 表 中 注册 ,软件 的 安装 也 变 得 容易 
了 ,一般 将 运行 程序 及 库 文件 复制 到 指定 文件 夹 中 即 可 。 

3. 完全 面向 对 象 

C# 语 言 是 完全 面向 对 象 的 语言 , 它 不 像 C++ 语言 , 既 支持 面向 过 程 程序 设计 ,又 支持 
面向 对 象 程序 设计 。 在 C# 中 不 存在 全 局 函数 、 全 局 变量 ,所 有 的 函数 、 变 量 和 常量 都 必须 
定义 在 类 中 ,避免 了 命名 冲突 。C# 语 言 不 支持 多 重 继 承 。 

总 之 ,C# 语 言 的 特点 可 以 归纳 如 下 。 

(1) 语言 简洁 、 易 于 理解 ,支持 快速 开发 。 

(2) 可 移植 性 好 。 

(3) 面向 对 象 ,在 C# 中 一 切 都 是 对 象 , 所 有 对 象 都 是 由 Object 派生 而 来 。 

(4) 类 型 安全 。 

(5) C# 的 设计 借鉴 了 多 种 语言 ,但 最 主要 借鉴 了 Java 和 C++。 


3.2 程序 结构 


3.2.1 命名 空间 
在 C# 中 ,把 系统 中 包含 的 内 容 按 功能 分 成 多 个 部 分 ,每 部 分 放 在 一 个 命名 空间 中 ,以 
避免 不 同 部 分 内 同名 标识 符 的 “命名 冲突 ?。 命 名 空间 体现 了 标识 符 的 逻辑 分 区 管理 策略 。 
1. C# 程 序 的 基本 框架 
所 有 的 C# 程 序 都 包括 一 个 框架 ,其 基本 结构 为 : 


using 命名 空间 ; 
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[访问 修饰 符 ] class 类 名 
{ 


static void Main() 
人 
方法 体 
} 
. 


C# 中 必须 且 只 能 包含 一 个 Main 方法 , 置 于 某 个 类 中 。Main 方法 是 程序 的 入口 点 和 


出 口 点 。 系 统 从 Main 方法 开始 执行 ,到 Main 方法 结束 ,也 就 意味 着 程序 结束 。 


2. 命名 空间 的 声明 
命名 空间 的 声明 格式 为 : 
namespace 命名 空间 名 
{ 
类 型 声明 
} 
使 用 时 用 “using 命名 空间 名 ;” 导 入 。 
注意 ; 编译 源 程序 时 必须 得 到 与 之 相 匹配 的 动态 链接 库 的 支持 。 因 此 ,一 般 在 程序 开 


头 添 加 “命名 空间 ”的 引用 ,否则 编译 环境 无 法 识别 。 


命名 空间 可 以 包含 其 他 的 命名 空间 ,这 种 划分 方法 的 优点 类 似 于 文件 夹 。 但 与 文件 夹 


不 同 的 是 ,命名 空间 只 是 一 种 逻辑 上 的 划分 ,而 不 是 物理 上 的 存储 分 类 。 


3. 命名 空间 的 相关 规则 
(1) 用 关键 字 namespace 声明 一 个 命名 空间 。 声 明 时 不 允许 使 用 任何 访问 修饰 符 , 命 


名 空间 隐 式 地 使 用 public 修饰 符 。 


(2) 全 局 命名 空间 应 是 源 文件 using 语句 后 的 第 一 条 语句 。 在 一 个 命名 空间 声明 内 


部 ,还 可 以 声明 该 命名 空间 的 子 命名 空间 。 
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(3) 在 同一 命名 空间 中 ,不 允许 出 现 同 名 命名 空间 成 员 或 同名 的 类 。 
【 例 3.1】 声明 命名 空间 N1,N2。 其 中 N1 为 全 局 命名 空间 ,N2 为 Nl 的 子 命名 空间 。 
代码 如 下 。 


using System; 
mamespace NL.N2 // 同 时 定义 命名 空间 NI.N2 
{ classA // 类 AB 在 命名 空间 忆 .2 中 
{ voidfi0){}; } 
class B 


{ voidf20{1; } 


也 可 以 采用 嵌 套 的 方式 声明 以 上 命名 空间 : 


using System; 
namespace NL // 声 明 也 为 全 局 命名 空间 
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{ namespace N2 //( 嵌 套 ) 声 明 世 的 子 命 名 空间 也 
{ classA /在 到 空间 内 定义 的 类 不 应 重 名 


{ void 下 0){j } 
class B 
{ voidaP20{1j } 


} 


4. 命名 空间 的 使 用 
在 程序 中 , 需 引用 其 他 命名 空间 的 类 或 函数 ,可 以 使 用 语句 using, 使 用 形式 如 下 。 


using NL.N2; /人 告诉 应 用 程序 到 哪里 找到 类 A 
class WelcomeApp 
{ 
及 anewR(O7 
£1(); 
} 
如 果 不 使 用 using 语句 ,应 使 用 如 下 形式 。 
class WelcameApp 
{ NL.N2.A a=new NL.N2.A(); // 表 示 类 A 在 命名 空间 内 .2 中 
£10; 
} 


在 一 个 命名 空间 中 ,可 以 声明 一 个 或 多 个 类 型 .包括 类 、 接 口 结构、 枚 举 、 委 托 等 。 即 使 
未 显 式 声明 命名 空间 ,也 会 创建 默认 命名 空间 ,未 命名 的 命名 空间 存在 于 每 一 个 文件 中 。 

5. 系统 定义 的 命名 空间 

命名 空间 分 为 两 类 : 用 户 自 定义 的 命名 空间 和 系统 定义 的 命名 空间 。 用 户 自 定义 的 命 
名 空间 是 在 程序 中 自己 定义 的 命名 空间 ,而 系统 定义 的 命名 空间 是 系统 自动 提供 的 , 表 3. 1 
列 出 了 系统 定义 的 常用 的 命名 空间 。 


表 3.1 系统 定义 常用 的 命名 空间 


命名 空间 说 明 
System 定义 通常 使 用 的 数据 类 型 和 数据 转换 的 基本 . NET 类 
System. Collection 定义 列表 、 队 列 .位 数组 和 字符 串 表 
System. Data 定义 ADO. NET 数据 库 结 构 
System. Drawing 提供 对 基本 图 形 功能 的 访问 
System. IO 允许 读 写 数据 列 和 文件 
System. Net 提供 对 Windows 网 络 功 能 的 访问 
System. Net. Sockets 提供 对 Windows 套 接 字 的 访问 
System. Runtime. Remoting 提供 对 Windows 分 布 式 计算 平台 的 访问 
System. Security 提供 对 CLR 安全 许可 系统 的 访问 


119 


《ASP.NET 动态 网 站 设计 教程 (第 2 版 ) 一 一 基于 C#+SQL Server 2008》 


续 表 
命名 空间 说 明 
System. Text ASCII、Unicode、UTF-7 和 UTF-8 字符 编码 处 理 
System. Threading 多 线程 编程 
System. Timers 在 指定 的 时 间 间 隔 引发 一 个 事件 
System. Web 浏览 器 和 Web 服务 器 功能 
System. Web. Mail 发 送 邮件 信息 
System. Windows. Forms 创建 使 用 标准 Windows 图 形 接口 和 基于 Windows 的 应 用 程序 
System. XML 提供 对 处 理 XML 文档 的 支持 
3:22 类 


与 C++ 一 样 ,C# 是 一 种 面向 对 象 的 编程 语言 , 它 通过 类 结构 和 接口 来 支持 对 象 的 封 
装 继承 和 多 态 等 特征 ,还 利用 委托 和 事件 来 支持 对 象 的 消息 响应 。C=# 中 的 类 是 一 种 至 关 
重要 的 结构 ,类 是 相似 的 对 象 的 一 个 组 。 类 的 全 部 成 员 都 享有 类 的 属性 和 行为 。 对 象 是 类 
的 实体 。 所 以 在 程序 中 ,使 用 类 和 对 象 的 好 处 是 可 以 模拟 现实 世界 中 的 很 多 对 象 , 这 对 于 开 
发 大 型 软件 是 相当 有 利 的 。 

1. 类 的 定义 

C# 的 每 一 个 程序 包括 至 少 一 个 自 定义 类 ,类 的 定义 格式 如 下 。 

[访问 修饰 符 ] class < 类 名 > 

{ 

< 实例 变量 > 
< 方法 > 

} 

和 其 他 大 多 数 面 向 对 象 语言 一 样 , 类 的 定义 包括 关键 字 Class, 跟 在 其 后 的 类 名 (标识 
符 ) 以 及 花 括 号 对 ,它们 共同 组 成 了 类 体 ,类 成 员 就 位 于 其 中 。 

类 成 员 一 般 分 为 以 下 三 类 。 

(1) 数据 成 员 ; 

(2) 函数 成 员 ; 

(3) 嵌 套 类 型 。 

数据 成 员 包括 成 员 变 量 .常量 和 事件 。 

成 员 变量 用 于 表示 数据 。 这 个 成 员 变量 可 以 是 实例 变量 (对 象 ) :也 可 以 是 静态 变量 ( 非 
对 象 ) 。 成 员 变 量 可 以 声明 为 只 读 变量 ,这 与 常量 数据 成 员 紧 密 相 关 。 但 二 者 存在 区 别 , 只 
读 变量 在 创建 时 给 它 赋值 ,并 在 此 对 象 的 生存 期 内 存在 ,而 常量 在 编译 时 被 指定 一 个 值 ,并 
在 程序 编译 的 整个 生存 期 存在 。 

事件 是 可 以 被 控件 识别 的 操作 ,如 单 击 “ 确 定 ” 按 钮 ,选择 某 个 单 选 按钮 等 。 每 一 种 控件 
有 自己 可 以 识别 的 事件 ,如 窗 体 的 加 载 . 单 击 等 事件 。 事 件 有 系统 事件 和 用 户 事件 。 系 统 事 
件 由 系统 激发 ,如 时 间 每 隔 24 小 时 ,银行 储户 的 存款 日 期 增加 一 天 。 用 户 事 件 由 用 户 激 发 ， 
如 用 户 单 击 按钮 ,在 文本 框 中 显示 特定 的 文本 ,事件 驱动 控件 执行 某 项 功能 。 
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在 .NET 框架 中 ,事件 是 将 事件 发 送 者 (触发 事件 的 对 象 ) 与 事件 接收 者 (处 理事 件 的 方 
法 ) 相 关联 的 一 种 代理 类 , 即 事件 机 制 是 通过 代理 类 来 实现 的 。 当 一 个 事件 被 触发 时 ,由 该 
事件 的 代理 来 通知 (调用 ) 处 理 该 事件 的 相应 方法 。 

C# 中 事件 机 制 的 工作 过 程 如 下 。 

(1) 将 实际 应 用 中 需 通 过 事件 机 制 解决 的 问题 对 象 注册 到 相应 的 事件 处 理 程序 上 , 表 
示 今 后 当 该 对 象 的 状态 发 生变 化 时 ,该 对 象 有 权 使 用 它 注册 的 事件 处 理 程序 。 

(2) 当 事 件 发 生 时 ,触发 事件 的 对 象 就 会 调用 该 对 象 所 有 已 注册 的 事件 处 理 程序 。 

结合 上 面 的 叙述 ,将 类 成 员 概述 介绍 如 下 。 

[访问 修饰 符 ] class < class_name> 

| 

< class menbers>; 

} 
其 中 ， 

所 class_members 二 包括 数据 成 员 .函数 成 员 和 蔡 套 类 型 。 

数据 成 员 有 成 员 变 量 .常量 和 事件 等 。 

函数 成 员 有 方法 、 属 性 、 构 造 函 数 , 析 构 函 数 、 索 引 和 操作 符 等 。 

慌 套 类 型 有 类 结构 和 枚 举 等 。 

2. C# 中 的 修饰 符 

C# 中 的 修饰 符 主要 是 用 来 控制 作用 域 ,限制 访问 权限 的 。C# 中 有 三 类 修饰 符 , 分 别 
是 访问 修饰 符 、 类 修饰 符 和 成 员 修 饰 符 。 

1) 访问 修饰 符 

类 的 访问 修饰 符 如 表 3. 2 所 示 。 


表 3.2 类 的 访问 修饰 符 


修 饰 符 说 明 
public 访问 无 限制 
protected 只 可 被 包含 类 或 其 派生 的 类 型 访问 
internal 只 能 被 此 程序 访问 
protected internal 只 能 被 此 程序 或 其 包含 类 所 派生 的 类 型 访问 
private 只 能 被 其 包含 类 访问 ,为 默认 的 
2) 类 修饰 符 
类 修饰 符 如 表 3. 3 所 示 。 
表 3.3 类 修饰 符 
类 的 修饰 符 说 明 
abstract 用 于 修饰 抽象 类 ,抽象 类 不 允许 实例 化 


sealed sealed 用 于 修饰 最 终 类 (密封 类 ) ,最 终 类 不 允许 派生 
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3) 成 员 修 饰 符 
类 成 员 修饰 符 如 表 3.4 所 示 。 


表 3.4 类 成 员 修饰 符 


修 饰 符 说 明 修 饰 符 说 明 
abstract 定义 抽象 函数 override 定义 重 载 
const 定义 常量 readonly 定义 只 读 属 性 
event 定义 事件 static 用 来 声明 静态 成 员 
extern 告诉 编译 器 在 外 部 实现 virtual 定义 虚 函 数 


使 用 访问 修饰 符 private( 私 有 ) 和 public( 公 有 ) 等 控制 类 的 访问 级 别 ,默认 情况 为 “ 私 
有 ”, 若 要 在 其 他 项 目 或 类 中 访问 被 定义 的 类 ,该 类 应 声明 为 “公有 ”类 。 访 问 修饰 符 private 
和 public 也 可 用 于 声明 类 的 成 员 。 

C# 的 public、protected、private 成 员 修 饰 符 , 每 次 只 能 修饰 一 个 成 员 , 直 接 位 于 成 员 声 
明 的 开始 处 。 

例如 ,定义 一 个 描述 个 人 情况 的 类 Person。 

代码 如 下 。 


using System; 
class Person 
{ private string name= 吕 e 三 "; 
private int age= 12; 
Public void Display() 
{ ”Console.WriteLine (" 姓 名 :{0}, 年 龄 : {1}",name,age); } 
Public void SetName (string PersonName) 
{ name= PersonName; } 
Public void Setage (int Personnge) 
{ age= Fersonngey } 
} 


Person 类 仅 是 一 个 用 户 新 定义 的 数据 类 型 ,由 它 可 生成 Person 类 的 实例 ,C# 中 称 之 


为 对 象 。 
方法 : 
Person OnePerson= new Person(); // 生 成 对 象 
或 者 : 
Person OnePerson; // 先 建立 变量 
OnePerson= new Person(); // 再 生成 对 象 


Person() 是 Person 类 的 构造 函数 ,用 于 生成 Person 类 的 对 象 。 

变量 OnePerson 是 对 Person 类 的 对 象 的 引用 ,不 是 C 中 的 指针 ,不 能 像 指针 那样 进行 
加 减 运算 ,也 不 能 转换 为 其 他 类 型 地 址 , 它 是 引用 型 变量 ,只 能 引用 (代表 )Person 对 象 。 

CH 类 的 继承 是 面向 对 象 程序 设计 的 主要 特征 之 一 , 它 可 以 重用 代码 ,节省 程序 设计 的 
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时 间 。 继 承 就 是 在 类 之 间 建 立 一 种 相交 关系 ,使 得 新 定义 的 派生 类 的 实例 可 以 继承 已 有 的 
基 类 的 特征 和 能 力 , 而 且 可 以 加 入 新 的 特性 或 者 是 修改 已 有 的 特性 建立 起 类 的 新 层次 。 

3. 类 成 员 的 种 类 

类 成 员 的 种 类 有 : constant-declaration (常量 声明 )、field-declaration (字段 声明 )、 
method-declaration (方法 声明 ) .property-declaration( 属 性 声明 ) .eventdeclaration( 事 件 声 
明 ) ,indexer-declaration (索引 器 声明 )、operator-declaration (运算 符 声 明 )、constructor- 
declaration( 构 造 函 数 声明 )、finalizer-declaration (终结 器 声明 , 即 析 构 函数 的 定义 )、static- 
constructor-declaration( 静 态 构造 孙 数 声明 ) 、type-declaration( 类 型 声明 )。 


3.2.3 结构 


结构 是 使 用 struct 关键 字 定义 的 ,与 类 相似 ,都 表示 可 以 包含 数据 成 员 和 函数 成 员 的 数 
据 结构 。 

1. 结构 与 类 的 区 别 

C# 中 的 结构 与 类 的 区 别 主要 在 于 以 下 几 点 。 

(1) 结构 是 值 类 型 ,而 类 是 引用 类 型 ; 

(2) 结构 是 密封 的 (Sealed) ,因此 不 能 被 继承 ; 

(3) 结构 不 能 继承 类 和 其 他 的 结构 ; 

(4) 结构 隐 式 地 继承 了 System. ValueType 类 型 ; 

(5) 结构 的 (无 参数 ) 默 认 构 造 函 数 不 能 被 自 定义 的 构造 函数 取代 ; 

(6) 结构 的 自 定 义 的 构造 函数 ,必须 初始 化 结构 中 全 部 成 员 的 值 ; 

(7) 结构 没有 析 构 函数 ; 

(8) 不 允许 初始 化 结构 的 字段 ,但 是 可 以 初始 化 结构 的 常量 成 员 。 

总 之 ,结构 和 类 一 样 ,可 以 声明 构造 函数 、 数 据 成 员 、 方 法 、 属 性 等 。 结 构 和 类 的 最 根本 
的 区 别 是 结构 是 值 类 型 ,类 是 引用 类 型 。 而 且 ,结构 不 能 从 另外 一 个 结构 或 者 类 派生 ,本 身 
也 不 能 被 继承 。 

2. 结构 的 声明 

结构 的 完整 声明 格式 为 : 

[[ 属 性 ]] 结构 修饰 符 ] [partial] struct 标识 符 [< 类 型 参数 列表 >] [: 结构 接口 列表 ] (类 型 参数 约束 

子 句 ] { 

[结构 成 员 声 明 …] 

} [7 
其 中 ,结构 的 修饰 符 有 : new、public、protected internal 和 private。 由 于 C# 的 结构 不 支持 
继承 ,所 以 没有 类 的 sealed 和 abstract 修饰 符 ,也 没有 static 修饰 符 。 结 构 的 默认 修饰 符 为 
public 。 

结构 成 员 包 括 : 

(1) 数据 成 员 : 表示 结构 的 数据 项 。 

(2) 方法 成 员 : 表示 对 数据 项 的 操作 。 

例如 ,定义 一 个 结构 Student 的 格式 为 : 
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Struct Student 


public int no; // 声 明 结 构 型 的 数据 成 员 
Public string name; 
public char sex; 
piblic int score; 
BB 
结构 成 员 声 明 与 类 的 成 员 声 明基 本 相同 ,只 是 没有 finalizer-declaration( 终 结 器 声明 ， 
即 析 构 函数 定义 )。 结 构 和 类 一 样 ,使 用 public、protected、private 等 作为 成 员 修饰 符 , 每 次 
只 能 修饰 一 个 成 员 , 也 是 直接 位 于 成 员 声 明 的 开始 处 。 
例如 ， 


/定义 结构 
Struct Point { 
Public int x,y; 
Public Point (int x,int y) { 
this.x=x; 
this.y=y; 
} 
} 
// 使 用 结 
Point a= new Point (10,10); 
Point b=a; 
a.2— 100; 
System.Console.WriteLine (D.x); 


结构 可 以 作为 顶层 类 型 ,也 可 以 作为 类 的 成 员 ,但 是 不 能 作为 局 部 类 型 来 定义 。 在 C# 
的 结构 类 型 定义 体 后 的 分 号 是 可 选项 。 

3. 结构 的 特征 

C# 的 结构 主要 有 以 下 特征 。 

(1) 结构 是 一 种 值 类 型 ,并 且 不 需要 堆 分 配 。 结 构 的 实例 化 可 以 不 使 用 new 运算 符 。 

(2) 在 结构 声明 中 ,除非 字段 被 声明 为 const 或 static, 否 则 无 法 初始 化 。 结 构 类 型 永远 不 
是 抽象 的 ,并 且 始 终 是 隐 式 密封 的 ,因此 在 结构 声明 中 不 允许 使 用 abstract 和 sealed 修饰 符 。 

(3) 结构 不 能 使 用 默认 的 构造 函数 ,只 能 使 用 带 参 数 的 构造 函数 , 当 定 义 带 参数 的 构造 
函数 时 ,一 定 要 完成 结构 所 有 字段 的 初始 化 ,如 果 没 有 完成 所 有 字段 的 初始 化 ,编译 时 会 发 
生 错 误 。 

(4) 由 于 结构 不 支持 类 与 结构 的 继承 ,所 以 结构 成 员 的 声明 可 访问 性 不 能 是 protected 
或 protected internal。 结 构 中 的 函数 成 员 不 能 是 abstract 或 virtual, 因 而 override 修饰 符 
只 适用 于 重 写 从 System. ValueType 继承 的 方法 。 

(5) 结构 在 赋值 时 进行 复制 。 将 结构 赋值 给 新 变量 时 ,将 复制 所 有 数据 ,并 且 对 新 副本 
所 做 的 任何 修改 不 会 更 改 原始 副本 的 数据 。 

【 例 3. 2】 创建 一 个 结构 ,主要 用 于 描述 学 生 信息 。 结 构 包 括 数 据 成 员 和 方法 成 员 的 
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定义 及 使 用 。 
代码 如 下 。 


Using System 

using System.Windows .Formms; 

namespace TestStru 

{ 
Public partial class TestStru : Form 
1 


struct Student // 声 明 结 构 
{ 

/声明 结构 的 数据 成 员 

Public int no; 

Public string name; 


public char sex; 
Public int soore; 
public string Answer () /声明 结构 的 方法 成 员 
{ 
string result= "该 学 生 的 信息 如 下 : "; 
result +="\n 学 号 : " +no; //+nmo 相 当 于 +this.no, 下 同 
result +="\n 姓 名 : "+name; 
result +="\n 人 性别: "+ sex; 
result +="\n 成 绩 : "+ score; 
retum result; // 返 回 结果 


Bs; 
Private void TestEnum Load (cbject sender, EventArgs e) 
{ 
Student s; // 使 用 结构 
s.no= 101; 
s.name= "黄海 "; 
s.sex= ' 男 '; 
Ss.score= 540; 
lblShow.Text= s.Answer (); // 显 示 该 生 信息 
lblShow.Text +="\n\n" DateTime.Now; // 显 示 当 前 时 间 


3.3 C# 的 数据 结构 
3.3.1 变量 和 常量 


1. C# 中 的 数据 类 型 
C# 是 一 种 强 类 型 语言 , 即 程 序 中 用 到 的 每 个 存储 单元 都 必须 指明 其 数据 类 型 。 这 似 
乎 是 一 个 较 强 的 约束 ,但 却 给 开发 很 大 的 帮助 ,这 是 由 于 C# 编译 器 能 够 检查 程序 ,以 便 使 
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程序 中 的 数据 使 用 正确 的 数据 类 型 ,这 使 开发 人 员 在 运行 程序 之 前 就 能 发 现 错误 。 

C# 将 所 有 的 数据 类 型 分 成 两 大 类 , 即 值 类 型 和 引用 类 型 。 

这 两 种 类 型 的 区 别 在 于 : 值 类 型 的 数据 长 度 固定 ,存放 于 栈 内 , 值 类 型 存储 的 是 自身 的 
数值 。 引 用 类 型 的 数据 长 度 可 变 , 存 放 于 堆 内 ,存储 的 是 对 数值 的 引用 。 一 个 值 类 型 变量 保 
存 对 应 的 实际 值 。int 类 型 就 是 一 个 典型 例子 。 如 果 将 一 个 变量 x 声明 为 int 并 赋值 为 
123 , 则 说 明 数 据 类 型 是 int, 标 识 符 是 x,x 的 值 是 123。 

一 个 引用 变量 包含 一 个 对 计算 机 存储 器 中 对 象 的 引用 , 它 本 身 并 不 包含 此 对 象 。 引 用 
包括 指向 对 象 的 位 置 。 为 了 简要 说 明 引 用 类 型 ,在 此 举 一 个 string 类 型 。 

一 个 string 类 型 的 变量 本 身 并 不 包含 一 个 字符 串 (string) ,但 却 声 明 它 表示 对 计算 机 存 
储 器 中 某 个 字符 串 的 引用 。 

string myText; 

声明 myText 为 string 类 型 。 

在 这 里 就 是 声明 了 一 个 引用 变量 ,允许 myText 表示 对 一 个 字符 串 的 引用 。 

例如 ， 

myText= "Hello World!"; 


此 语句 将 字符 串 "Hello World1” 的 地 址 分 配给 myText。 
C# 的 值 类 型 如 表 3. 5 所 示 。 


表 3.5 C# 的 值 类 型 
值 类 型 说 明 
有 符号 整 型 :sbyte、short、int 和 long 
无 符号 整 型 :byte、ushort、uint 和 ulong 
Unicode 字符 型 :char 


We 浮 点 型 :float 和 double 

高 精度 小 数 型 :decimal 

布尔 型 :bool 
枚 举 类 型 enum E {…} 形式 的 用 户 定义 的 类 型 
结构 类 型 struet S {…) 形式 的 用 户 定义 的 类 型 
可 以 为 null 的 类 型 其 他 所 有 具有 null 值 的 值 类 型 的 扩展 


C# 的 引用 类 型 如 表 3.6 所 示 。 
表 3.6 C# 的 引用 类 型 


引用 类 型 说 明 引用 类 型 说 明 
其 他 所 有 类 型 的 最 终 基 类 : object 接口 类 型 | interface 1 1…}) 形式 的 用 户 定 义 的 类 型 
类 类 型 | Unicode 字符 串 型 : string 数组 类 型 | 一 维和 多 维 数组 ,例如 intL] 和 int[,] 
class C {…}) 形式 的 用 户 定义 的 类 型 “| 委托 类 型 | delegate int D(…) 形式 的 用 户 定义 的 类 型 
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表 3.7 值 类 型 和 引用 类 型 的 区 别 
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特 性 值 类 型 引用 类 型 
变量 中 保存 的 内 容 实际 数据 指向 实际 数据 的 引用 指针 
内 存 空间 配置 栈 CStack) 受 管制 的 堆 (Managed Heap) 
内 存 需 求 较 少 较 多 
执行 效率 较 快 较 慢 
内 存 释放 时 间 点 执行 超过 定义 变量 的 作用 域 时 由 垃圾 回收 机 制 负责 回收 
可 以 为 null 不 可 以 可 以 
1) 整 型 
C# 有 8 种 整 型 ,可 以 用 来 表示 全 部 的 整 型 数字 。 表 3. 8 列 出 了 相关 整 型 。 
表 3.8 整 型 
类 型 . NET 类 型 所 占 字 节 数 存储 的 值 
sbyte System. SByte 1 一 128 一 127 之 间 的 整数 
byte System. Byte 1 0 一 255 之 间 的 整数 
short | System. Int16 2 一 32 768 一 32 767 之 间 的 整数 
ushort | System. UInt16 和 0 一 65 535 之 间 的 整数 
int System. Int32 4 2 147 483 648 一 2 147 483 647 之 间 的 整数 
uint System. UInt32 4 0 一 4 294 967 259 之 间 的 整数 
long System. Int64 8 9 223 372 036 854 775 808 一 9 223 372 036 854 775 807 之 间 的 整数 
ulong | System. Unt64 8 0 一 18 446 744 073 709 551 615 之 间 的 整数 


每 个 类 型 都 有 有 符号 和 无 符号 两 种 形式 。 有 符号 类 型 能 够 存储 符号 ,因此 能 够 存储 正 
数 和 负数 ,而 无 符号 类 型 只 能 存储 正 数 。 

例如 : 

int intNuniber= 123; 

long LongNuniber= — 123; 

ulong UlongNimber= - 68; 


2) 浮 点 型 
C# 有 三 种 浮 点 类 型 来 表示 浮 点 数 , 表 3.9 列 出 了 相关 内 容 。 

表 3.9 浮 点 型 
类 型 . NET 类 型 所 占 字 节 数 存储 的 值 
float System. Single 4 LSXI0 ~ 4X0 
double System. Double 8 OX ~ TI 
decimal System. Decimal 12 L010 -Tg XIO. 
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注意 : 当 赋 值 给 浮 点 型 时 ,必须 在 结尾 加 一 个 {或 下 字符 。 
例如 : 


float FloatNnber= 12.3f; 


当 使 用 小 数 类 型 时 ,需要 在 结尾 加 一 个 m 或 M 字符 。 
例如 : 


这 是 C# 编 译 器 的 原因 , 它 认 为 具有 小 数 点 的 数字 都 是 double 类 型 的 ,除非 声明 它 不 
是 , 即 在 数字 后 面 加 一 个 下 或 M 字符 分 别 表示 数字 是 float 或 decimal 类 型 。 

3) 布尔 型 

C# 中 布尔 型 的 值 有 true 和 false 两 种 ,如 表 3. 10 所 示 。 


表 3.10 浮 点 型 
类 型 .NET 类 型 所 占 字 节 数 存储 的 值 
bool System. Boolean true 或 false 
例如 : 
bool xyz= true; 
4) 字符 型 
C# 中 char 数据 类 型 存储 的 是 单独 的 字符 值 ,如 表 3. 11 所 示 。 
表 3.11 浮 点 型 
类 型 .NET 类 型 所 占 字 节 数 存储 的 值 
char System. Char 2 一 个 Unicode 字符 ,存储 0 一 65 535 之 间 的 整数 
例如 : 
char Mychar= 'W'; 


也 可 以 把 Unicode 字符 赋 给 字符 串 ,Unicode 字符 需要 用 到 如 下 的 转 义 字符 : \uX X X XxX。 
其 中 ,xX XxX XX 是 一 个 4 位 的 十 六 进 制 数 ,例如 : 


Mychar= '\u0033'; 

同样 可 以 把 转 义 字符 赋 给 字符 型 (char) , 转 义 字符 是 有 特殊 意义 的 字符 。 表 3. 12 列 出 
了 C# 中 允许 的 转 义 字符 和 它们 的 意义 。 

例如 ,给 OneChar 赋 给 一 个 垂直 制 表 符 , 则 用 : 


char neChar= \t'; 
也 可 以 赋 一 个 十 六 进 制 数字 给 字符 型 ,例如 : 


char MyHexchar= 'Nxof'7 
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表 3.12 转 义 字符 


转 义 字符 含 义 Unicode 码 转 义 字符 含 义 Unicode 码 
党 单 引号 \u0027 \t 水 平 制 表 符 \u0009 
双 引 号 \u0022 Vf 走 纸 换 页 符 Nu000C 
人 反 斜 线 Nu005C \n 换行 \u000A 
\0 空 字符 \u0000 3 回 车 \u000D 
\a 警 铃 \u0007 \b 退 格 \u0008 
\v 垂直 制 表 符 \u000B 


5) 预定 义 引 用 类 型 
C# 中 有 两 种 预定 义 引 用 类 型 ,如 表 3. 13 所 示 。 


表 3.13 预定 义 引 用 类 型 


类 型 . NET 类 型 注 释 
object System. Object root 类 型 :每 一 个 . NET 类 型 都 是 由 此 继承 
string System. String Unicode 字符 串 


Object 类 型 是 C# 所 有 数据 类 型 的 基 类 型 ,具有 一 些 通用 的 方法 ; 

String 类 型 可 以 方便 地 处 理 字符 串 操作 ,该 类 型 的 值 需要 放 在 双 引 号 中 。 

2. 常量 

在 程序 运行 过 程 中 ,其 值 保 持 不 变 的 量 称 为 常量 。 常 量 类 似 于 数学 中 的 常数 。 常 量 可 
分 为 符号 常量 和 直接 常量 两 种 形式 。 

常量 是 在 程序 运行 期 间 其 值 不 发 生变 化 的 量 。 常 量 包 括 符号 常量 和 数值 常量 。 

1) 符号 常量 

符号 常量 是 用 一 个 标识 符 表示 的 常量 。 在 C# 中 ,符号 常量 有 以 下 两 种 定义 方法 。 

(1) 使 用 const 关键 字 声 明 (const 常量 ) 

const 常量 在 编译 时 设置 其 值 并 且 永 远 不 能 更 改 。 编 译 时 ,编译 器 会 把 程序 中 的 所 有 
const 常量 全 部 替换 为 对 应 常数 。 

声明 格式 : 

const 数据 类 型 ”常量 名 = 值 表达 式 ， 

例如 : private const double PI 二 3. 1415926; 

(2) 使 用 readonly 关键 字 声 明 ( 同 上 常量 ) 

readonly 常量 在 程序 运行 期 间 只 能 被 "初始 化 一 次 ”, 可 以 在 声明 语句 中 初始 化 ,也 可 以 
在 构造 函数 中 初始 化 。 初 始 化 以 后 ,用 readonly 声明 的 常量 值 就 不 能 再 更 改 。 

声明 格式 : 


readonly 数据 类 型 ”常量 名 = 值 表达 式 ; 
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(3) 两 种 定义 符号 常量 方法 的 区 别 

readonly 常量 运行 时 初始 化 ,const 常量 编译 时 初始 化 。const 常量 只 能 在 声明 中 赋值 ， 
readonly 常量 既 可 以 在 声明 中 赋值 ,也 可 以 在 构造 孙 数 中 赋值 。 

通常 常量 名 的 第 一 个 字母 为 大 写 。 

2) 直接 常量 

所 谓 直接 常量 ,就 是 在 程序 中 直接 给 出 的 数据 值 。 在 C# 中 ,直接 常量 包括 整 型 常量 、 
浮 点 型 常量 .小 数 型 常量 .字符 型 常量 .字符 串 常 量 和 布尔 型 常量 。 

(1) 整 型 常量 

整 型 常量 分 为 有 符号 整 型 常量 、 无 符号 整 型 常量 和 长 整 型 常量 ,有 符号 整 型 常量 写法 与 
数学 中 的 常数 相同 ,直接 书写 ,无 符号 整 型 常量 在 书写 时 添加 u 或 U 标志 ,长 整 型 常量 在 书 
写 时 添加 1 或 工 标记 。 例 如 3.3U、3L。 

(2) 浮 点 型 常量 

浮 点 型 常量 分 为 单 精度 浮 点 型 常量 和 双 精 度 浮 点 型 常量 。 单 精度 浮 点 型 常量 在 书写 时 
添加 f 或 下 标记 , 双 精 度 浮 点 型 常量 添加 d 或 D 标 记 。 例 如 7f、7d。 

注意 :以 小 数 形式 直接 书写 而 未 加 标记 时 ,系统 将 自动 解释 成 双 精 度 浮 点 型 常量 。 例 
如 ,9.0 即 为 双 精 度 浮 点 型 常量 。 

(3) 小 数 型 常量 

在 C# 中 ,小 数 型 常量 的 后 面 必须 添加 m 或 M 标记 ,和 否则 就 会 被 解释 成 标准 的 浮 点 型 
数据 。C# 中 的 小 数 和 数学 中 的 小 数 是 有 区 别 的 。 

例如 : 5.0M 


Gecimal y= 99999999999999999999.99999m; 


(4) 字符 型 常量 

字符 型 常量 是 一 个 标准 的 Unicode 字符 ,使 用 两 个 单 引 号 来 标记 。 例 如 5"\d"\ 青 '\'# 都 
是 标准 的 字符 型 常量 。 

C# 还 允许 使 用 一 种 特殊 形式 的 字符 型 常量 , 即 以 反 斜 杠 “\” 开 头 ,后面 跟 字符 的 字符 
序列 ,这 种 字符 型 常量 被 称 为 转 义 字符 常量 。 该 形式 的 常量 可 以 表示 控制 字符 或 不 可 见 字 
符 , 当 然 也 可 以 表示 可 见 字符 。 例 如 ,Nn 雪 示 换 行 符 , 而 \x41 虽 表示 字符 A。C# 中 常用 的 
转 义 字符 如 表 3. 12 所 示 。 

(5) 字符 串 型 常量 

字符 串 常量 表示 若干 个 Unicode 字符 组 成 的 字符 序列 ,使 用 两 个 双 引 号 来 标记 。 例 
如 ,"5"、"abc"、" 青 海 民 族 大 学 "都 是 字符 串 。 

(6) 布尔 型 常量 

布尔 型 常量 只 有 两 个 : 一 个 是 true, 表 示 逻 辑 真 ; 另 一 个 是 false, 表 示人 逻辑 假 。 

将 字符 串 常量 “hello” 赋 给 字符 串 变量 str, 使 用 语句 : string str 一 "hello" ; 。 

3. 变量 

在 程序 运行 的 过 程 中 , 值 可 以 改变 的 量 称 为 变量 。 每 个 变量 用 一 个 变量 名 标识 ,变量 命 
名 应 遵循 标识 符 的 命名 规则 ,程序 中 通过 变量 名 来 引用 变量 的 值 。 

变量 代表 了 存储 单元 , 且 每 个 变量 都 有 一 个 类 型 。 变 量 的 类 型 决定 了 该 变量 可 以 存储 
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的 值 类 型 。CH 是 类 型 安全 的 语言 ,每 个 C# 编 译 器 会 保证 存储 在 变量 中 的 值 总 是 恰当 的 类 
型 。 

在 C# 中 ,使 用 变量 的 基本 原则 是 , 先 定义 ,后 使 用 。 

1) 变量 的 命名 规则 

C# 中 给 变量 命名 必须 以 字母 或 下 划 线 开头 ,其 后 的 字符 可 以 是 字母 、 下 划 线 、 数 字 和 
@。 不 能 使 用 C# 中 的 关键 字 作 为 变量 名 ,如 using、namespace 等 ,因为 这 些 关 键 字 对 于 
C# 编 译 器 而 言 有 特定 的 含义 。 

C# 区 分 字母 的 大 小 写 ,因而 在 命名 变量 时 ,一 定 要 使 用 正确 的 大 小 写 , 因 为 在 程序 中 
ee 个 字母 的 大 小 写 出 错 ,也 会 引起 编译 错误 。 

变量 的 声明 和 初始 化 

ed 就 必须 首先 声明 , 即 给 变量 指定 名 称 和 类 型 。 只 有 声明 了 变量 , 才 可 以 将 
它们 用 作 存 储 单元 , 存 取 相 应 类 型 的 数据 。 

变量 的 声明 格式 : 


<type><name> 7 


其 中 ,type 是 变量 的 类 型 ,name 是 变量 的 名 称 。 
以 下 是 定义 正确 的 变量 ; 
int age; 
double d; 
bool isTeaher; 
String sql; 
Char myC; 
DateTime dt; 


以 下 是 定义 不 正确 的 变量 : 


Char 2abc; 

float class; 

Gecimal Main; 

int String; 

string a- b; 

在 C# 的 一 条 语句 内 ,允许 声明 多 个 变量 ,但 彼此 之 间 应 该 用 逗号 隔 开 ,而 且 声 明 的 变 
量 是 同一 种 类 型 ,例如 : 

int a,b,c; 

在 声明 变量 后 就 可 以 对 变量 进行 相应 的 赋值 初始 化 ,可 以 使 用 运算 符 " 二 ”为 变量 分 配 
一 个 值 , 例 如 : 


double G2.4; 
string s= "hello CSharp"; 
int productNumber= 1001; 


或 者 先 声 明 变 量 再 赋值 : 
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int productNnber; 

productNumber= 1001; 

在 C# 中 ,引用 变量 的 值 前 都 应 该 赋值 。 在 没有 给 变量 赋值 之 前 就 想 引 用 变量 的 值 是 
非常 危险 的 ,C# 编译 器 会 提示 错误 。 

例如 : 

int productNumber; 

System.Console.WriteLine (productNuriber) ; // 引 发 相应 的 错误 
在 第 二 句 中 引用 productNumber 时 , 它 还 没有 赋值 ,编译 器 就 会 提示 相应 的 错误 。 

对 于 引用 类 型 的 变量 同样 是 相同 的 ,只 是 实例 化 对 象 的 语法 与 简单 的 值 类 型 赋值 有 一 
定 的 区 别 。 例 如 : 


TheObject myObject; 

mycbject= new TheQbject; 

第 一 行 代码 是 为 TheObject 对 象 创建 了 一 个 引用 ,但 是 该 引用 并 没有 指向 任何 事物 ,所 
以 任何 对 TheObject 的 操作 都 会 失败 。 

第 二 行 代码 实际 上 是 将 该 引用 指向 TheObject 对 象 ,利用 new 关键 字 创建 一 个 新 的 对 
象 , 通 过 myObject 对 象 的 引用 指向 新 创建 的 对 象 。 

了 解 了 变量 及 其 赋值 后 ,还 应 该 注意 变量 的 作用 域 问题 。 

变量 的 作用 域 是 变量 能 够 被 访问 的 那 块 代码 ,也 就 是 认为 变量 存在 的 区 域 。 以 下 的 块 
定义 了 一 个 Age 变量 : 

{ 

int Pge= 19; 

} 
其 中 ,运用 花 括 号 表示 开始 和 结尾 。 变 量 Age 的 作用 域 就 局 限于 块 内 ,如 果 在 作用 域外 访 
问 ,就 会 发 生 编译 错误 。 


3.3.2 运算 符 


变量 和 常量 解决 了 数据 的 存储 问题 ,运算 符 用 于 解决 数据 的 处 理 方式 ,将 变量 .常量 和 
运算 符 组 合 在 一 起 , 便 形成 了 表达 式 。C# 提 供 了 大 量 的 运算 符 , 按 照 其 处 理 操作 数 的 不 同 
大 致 可 以 分 为 三 类 , 即 一 元 运算 符 \、 二 元 运算 符 和 三 元 运算 符 。C# 的 运算 符 主要 有 以 下 
几 种 。 

1. 算术 运算 符 

C# 的 算术 运算 符 如 表 3. 14 所 示 。 

对 部 分 运算 符 的 说 明 如 下 。 

1) 运算 符 “%” 和 “/” 

对 于 取 模 运算 符 (%) 来 说 , 它 是 用 于 计算 两 个 整数 相 除 所 得 的 余数 。 例 如 : 


的 47 


最 终 a 的 结果 是 3, 因 为 7%4 的 余数 是 3。 
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表 3.14 算术 运算 符 


运算 符 说 明 表 达 式 
= 二 本 = 

= 执行 减法 运算 操作 数 1 一 操作 数 2 
* 执行 乘法 运算 操作 数 1 * 操作 数 2 
pi 执行 除法 运算 操作 数 1 / 操作 数 2 
% 取 模 运算 符 , 获 得 进行 除法 运算 后 的 余数 操作 数 1 % 操作 数 2 
十 十 将 变量 的 值 加 1 变量 十 十 或 十 十 变量 
= 将 变量 的 值 减 1 变量 一 一 或 一 一 变量 
oe 将 一 个 数 按 位 取 反 一 操作 数 


如 果 要 求 它们 的 商 , 则 用 以 下 语句 : 
b=7/4; 


这 样 b 就 是 它们 的 商 了 ,应 该 是 1。 

也 许 有 的 读者 就 不 明白 了 ,7/4 应 该 是 1.75, 怎 么 会 是 1 呢 ?” 这 里 需要 说 明 的 是 , 当 两 
个 整数 相 除 时 ,所 得 到 的 结果 仍然 是 整数 ,没有 小 数 部 分 。 要 想得到 小 数 部 分 ,可 以 写成 
7.0/4 或 者 7/4.0, 也 即 把 其 中 一 个 数 变 为 非 整 数 。 

那么 怎样 由 一 个 实数 得 到 它 的 整数 部 分 呢 ? 这 就 需要 用 强制 类 型 转换 。 例 如 : 


a (int) (7.0/4); 


因为 7.0/4 的 值 为 1.75, 前 面 加 上 (int) ,就 表示 把 结果 强制 转换 成 整 型 ,这 就 得 到 了 1。 

请 思考 一 下 a= (float) (7/4); 

最 终 a 的 结果 是 多 少 ? 

2) 运算 符 “ 十 十 "和 “一 一 ” 

对 于 运算 符 十 十 或 一 一 来 说 ,十 十 或 一 一 在 变量 的 前 面 还 是 后 面 对 变 量 本 身 的 影响 是 
一 样 的 ,都 是 加 1 或 者 减 1, 但 是 当 把 它们 作为 其 他 表达 式 的 一 部 分 时 ,两 者 就 有 区 别 了 。 
运算 符 十 十 或 一 一 放 在 变量 前 面 ,那么 在 运算 之 前 ,变量 先 完成 自 增 或 自 减 运算 ;如 果 运 算 
符 放 在 变量 的 后 面 ,那么 自 增 自 减 运 算是 在 变量 参加 表达 式 的 运算 后 再 运算 。 看 下 面 的 
例子 : 


mml= 47 


nur2= 87 

++nmml; 
b=-nmpt+; 
++nml; 


这 总 地 来 看 是 一 个 赋值 语句 ,把 十 十 numl 的 值 赋 给 a, 因 为 自 增 运算 符 在 变量 的 前 面 ,所 以 


numl 先 自 增加 1 变 为 5, 然 后 赋值 给 a, 最 终 a 也 为 5。b 二 num2 十 十 ;这 是 把 num2 十 十 的 
值 赋 给 b, 因 为 自 增 运算 符 在 变量 的 后 面 .所 以 先 把 num2 赋值 给 b,b 应 该 为 8, 然后 num2 
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自 增 加 1 变 为 9。 
如 果 出 现 以 下 的 情况 怎么 处 理 呢 ? 


C=numlt+ ++ nm; 


到 底 是 c 二 (numl 十 十 ) 十 num2; 还 是 c 一 numl 十 (十 十 num2);? 这 要 根据 编译 器 来 决 
定 , 不 同 的 编译 器 可 能 有 不 同 的 结果 。 所 以 在 以 后 的 编程 当中 ,应 该 尽量 避免 出 现 这 种 比较 
复杂 的 情况 。 

3) 字符 串 连 接 运 算 符 “十 ” 

字符 串 连 接 运 算 符 “十 ”的 功能 是 把 两 个 字符 串 合 并 成 一 个 字符 串 ,例如 ， 


string Stringl= "Welome " +" Welcame "7 


则 字符 串 变 量 string 中 存储 的 是 字符 串 *“Welcome Welcome”。 
2. 比较 (关系 ) 运 算 符 
比较 (关系 ) 运 算 符 如 表 3. 15 所 示 。 


表 3.15 比较 (关系 ) 运 算 符 


运算 符 说 明 表 达 式 
> 检查 一 个 数 是 否 大 于 另 一 个 数 操作 数 1 二 操作 数 2 
< 检查 一 个 数 是 否 小 于 另 一 个 数 操作 数 1 二 操作 数 2 
>= 检查 一 个 数 是 否 大 于 或 等 于 另 一 个 数 操作 数 1 二 = 操作 数 2 
<= 检查 一 个 数 是 否 小 于 或 等 于 另 一 个 数 操作 数 1 二 = 操作 数 2 
一至 检查 两 个 值 是 否 相等 操作 数 1 一 = 操作 数 2 
!= 检查 两 个 值 是 否 不 相等 操作 数 1 != 操作 数 2 


比较 (关系 ) 运 算 符 是 对 两 个 操作 数 进行 比较 ,返回 一 个 真 值 或 假 值 。 
注意 : 要 区 分 用 来 比较 两 个 值 是 否 相 等 的 运算 符 “ 二 二 ”和 用 来 赋值 的 赋值 运算 符 
3. 逻辑 运算 符 
逻辑 运算 符 又 叫 布尔 逻辑 运算 符 , 如 表 3. 16 所 示 。 
表 3.16 逻辑 运算 符 


运算 符 说 明 表 达 式 

&& 对 两 个 表达 式 执行 逻辑 “与 "运算 操作 数 1 && 操作 数 2 
I 对 两 个 表达 式 执行 逻辑 “或 "运算 操作 数 1 |‖ 操作 数 2 

! 对 一 个 表达 式 执行 逻辑 * 非 "运算 ! 操作 数 

对 两 个 表达 式 执行 逻辑 “ 异 或 运算 操作 数 1^ 操作 数 2 


其 中 ,“&&”“ ”和 “^ 是 二 元 运算 符 ,“!1” 是 一 元 运算 符 。 
逻辑 运算 的 结果 只 有 两 种 取 值 : true 或 false 。 
在 C# 中 ,不 能 认为 整数 0 是 false, 其 他 值 是 true。 
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例如 : 


bool isExist- false; 

bool b= t>osgi<10); 

又 如 ,设置 变量 i 二 5,j 二 4, 则 人 逻辑 表达 式 i! ==j && 这 一 j 的 结果 为 true。 
4. 赋值 运算 符 和 复合 (快捷 ) 赋 值 运算 符 

赋值 运算 符 和 复合 赋值 运算 符 如 表 3. 17 所 示 。 


表 3.17 赋值 运算 符 和 复合 (快捷 ) 赋 值 运算 符 


运算 符 说 明 表 达 式 
= 是 赋值 运算 符 ,将 变量 2 的 值 赋予 变量 1 变量 1= 变 量 2 
十 一 将 变量 1 和 变量 2 值 的 和 赋予 变量 1 变量 1 十 = 变量 2 
= 将 变量 1 的 值 减 去 变量 2 的 值 的 结果 赋予 变量 1 变量 1 一 = 变量 2 
# 一 将 变量 1 的 值 乘 以 变量 2 的 值 的 结果 赋予 变量 1 变量 1* = 变量 2 
/= 将 变量 1 的 值 除 以 变量 2 的 值 的 结果 赋予 变量 1 变量 1/== 变 量 2 
%= 将 变量 1 的 值 除 以 变量 2 的 值 的 余数 赋予 变量 1 变量 1%== 变 量 2 


赋值 语句 的 作用 是 把 某 个 常量 或 变量 或 表达 式 的 值 赋值 给 另 一 个 变量 。 符 号 为 “一 ”。 
这 里 并 不 是 等 于 的 意思 ,只 是 赋值 ,等 于 用 “= 一 ”表示 。 

注意 : 赋值 语句 左边 的 变量 在 程序 的 其 他 地 方 必须 声明 。 

例如 


int Xl= 10; 
double Y2= 2.34; 


赋值 运算 符 的 右边 的 值 可 以 是 一 个 表达 式 ,例如 : 

Y2=2.34x 37 

复合 (快捷 ?赋值 运算 符 的 用 法 ,例如 

int XI= 10; 

Xl 十 二 5; 等 价 于 X1 一 X1 十 5; 也 就 是 X1 王 15， 

5. 位 运算 符 

位 运算 是 对 位 进行 比较 和 操作 ,其 中 位 是 取 0 或 1 的 二 进 制 位 。 共 有 6 种 位 运算 符 ,如 
表 3.18 所 示 。 


表 3.18 位 运算 符 


运算 符 说 明 表 达 式 
& 将 操作 数 转换 为 二 进 制 数 ,并 按 位 进行 与 运算 操作 数 1 & 操作 数 2 
| 将 操作 数 转换 为 二 进 制 数 ,并 按 位 进行 或 运算 操作 数 1 | 操作 数 2 
<< 将 操作 数 转换 为 二 进 制 数 ,然后 左 移 n 位 操作 数 二 二 n 
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续 表 
运算 符 说 明 表 达 式 
>> 将 操作 数 转换 为 二 进 制 数 ,然后 右 移 n 位 操作 数 二 二 n 
. 将 操作 数 转换 为 二 进 制 数 ,并 按 位 进行 异 或 运算 操作 数 1^ 操作 数 2 
ed 将 操作 数 转 换 为 二 进 制 数 ,各 位 取 非 一 操作 数 


6. 其 他 运算 符 


其 他 运算 符 有 成 员 访问 运算 符 、 条 件 运算 符 、 类 型 强制 转换 运算 符 等 ,如 表 3. 19 所 示 。 


表 3.19 其 他 运算 符 


运算 符 说 明 运算 符 说 明 
成 员 访 问 checked 控制 洲 出 检查 上 下 文 
口 索引 unchecked 控制 溢出 检查 上 下 文 
Oi 类 型 强制 转换 x 指针 取消 引用 
?7: = 元 的 条 件 运 算 符 ,如 同 诗 语句 过 之 指针 成 员 访 问 
new 创建 对 象 的 一 个 实例 加 指针 索引 
as 安全 转换 为 指定 类 型 & 取 地 址 
is 检查 所 给 类 型 是 否 为 指定 类 型 


其 中 ,条 件 运 算 符 "?: "是 C# 唯 一 的 三 元 运算 符 , 其 表达 式 为 : 


< 表达 式 ]> x 表达 式 > :< 表达 式 3 


在 运算 中 ,首先 对 表达 式 1 进行 检验 ,如 果 为 真 , 则 返回 表达 


回 表 达 式 3 的 值 。 


当 b>0 时 ,a=b; 当 b 不 大 于 0 时 ,a 王 一 b; 


例如 : 


a (oggt;0) Db:—b; 


的 绝对 值 赋值 给 a 


7. 各 类 运算 符 的 优先 级 
各 类 运算 符 的 优先 级 如 表 3. 20 所 示 。 


表 3.20 运算 符 的 优先 级 


大 式 2 的 值 ;如 果 为 假 , 则 返 


。 其 实 上 面 的 意思 就 是 把 b 


优先 级 说 明 运 算 结合 
1 括号 0) 从 左 到 有 
2 自 加 / 自 减 运算 符 + 十 /一 一 从 右 到 左 
乘法 运算 符 * 
3 除法 运算 符 / 从 左 到 右 
取 模 运算 符 % 
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续 表 
优先 级 说 明 运 算 符 结合 性 
4 ee 加 从 堪 到 右 
小 于 二 
5 人 二 从 左 到 右 
大 于 等 于 >= 
. 等 于 = 从 左 到 右 
不 等 于 != 从 左 到 右 
7 逻辑 与 && 从 左 到 右 
8 逻辑 或 | 从 左 到 右 
9 赋值 运算 符 和 快捷 运算 符 = 十 = x*= /= %= 一 = | 从 右 到 左 


注意 : 在 优先 级 一 栏 ,序号 越 小 ,优先 级 越 高 。 
3.4 流程 控制 


程序 设计 流程 是 指 程序 中 语句 的 执行 顺序 。 多 数 情况 下 ,程序 中 的 语句 是 按 顺 序 执行 
的 ,但 是 ,只 有 顺序 结构 的 程序 ,所 能 解决 的 问题 是 有 限 的 ,于 是 程序 中 就 出 现 了 控制 语句 。 

任何 程序 都 可 以 且 只 能 由 三 种 基本 流程 结构 构成 , 即 顺 序 结构 ,分支 结构 和 循环 结构 。 
各 种 结构 的 流程 图 如 图 3. 1 所 示 。 


| 上 辐 | 1 

| 1 1 1 1 

| A 人 | | 

上 1 1 1 

人 四 

‘Ls | | 

| 1 1 1 1 

上 | pp 1 和 1 LP | 

(a) 顺序 (b) 分支 (0) 循环 


图 3.1 三 种 结构 的 流程 图 
顺序 结构 是 三 种 结构 中 简单 的 一 种 , 即 语句 按照 书写 的 顺序 依次 执行 ;分 支 结 构 又 称 为 
选择 结构 , 它 将 根据 计算 所 得 的 表达 式 的 值 来 判断 应 选择 执行 哪 一 个 流程 分 支 ;循环 结构 则 
是 在 一 定 条 件 下 反复 执行 一 段 语句 的 流程 结构 。 
CH 的 控制 语句 主要 分 为 两 种 : 分 支 语 句 和 循环 语句 。 
3.4.1 分 支 语句 


分 支 语 句 就 是 条 件 判 断 语 句 , 它 能 让 程序 在 执行 时 根据 特定 条 件 是 否 成 立 而 选择 执行 
不 同 的 语句 块 。C# 提供 两 种 分 支 语句 结构 : 让 语句 和 switch 语句 。 
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1. 证 语句 

if 语句 在 程序 中 测试 布尔 逻辑 条 件 , 如 果 条 件 为 true, 就 执行 其 后 的 语句 。 在 此 称 为 形 
式 1, 它 的 最 简单 语法 格式 为 : 

if (expression) 


statement; 
一 般 将 和 f 语 名 和 else 语句 合并 使 用 ,在 此 称 为 形式 2, 其 语法 格式 为 : 


if (expression) 
Statement17 
bs 


Statement27 


如 果 expression 条 件 为 true, 执 行 statementl ,否则 就 
执行 statement2。if 语句 执行 过 程 如 图 3. 2 所 示 。 


【 例 3.3】 根据 判断 一 个 布尔 型 变量 的 值 ,执行 不 同 语句 块 1 语句 块 2 
的 语句 ,输出 相应 的 字符 串 。 | 
ee 图 3.2 这 语 句 形式 2 
class Program 
{ 
static void Main (string[] args) // 主 函数 ,也 是 入 口 函 数 
| 
bool flag= true; 
if (flag= true) 
Console.WriteLine(" 味 志 位 为 真 "); // 输 出 
else 
Console.WriteLine ("标志 位 为 假 "); // 输 出 
Console.ReadLine (); 


} 
根据 条 件 判 定 ,该 程序 的 运行 结果 为 “标志 位 为 真 ", 如 图 3. 3 所 示 。 


file:///F:/ASP. NET/Ex3_3/Ex3_3... 轿 i 四 


图 3.3 例 3.3 程序 运行 结果 


【 例 3.4】 使 用 话语 句 , 求 两 数 的 和 。 
代码 如 下 。 


using System; 
class Pod 
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Public static void Main() 
{ 
int a,b; 
string c; 
Console.Write ("请 输入 一 个 数值 : "); 
C= Console.ReadLine (); 
dint.Parse (c); 
b= 20; 
if(a> 10) // 如 果 输 入 的 数 大 于 10, 进 行 以 下 计算 
Console.WriteLine ("at b= {0}+ {1}= {2}",ayb ,at b); 
} 
Console.ReadLine (); 
} 


程序 执行 时 输入 “18”, 则 运行 结果 如 图 3.4 所 示 。 


C:\WIN S\system32\cmd. exe -le[x| 


图 3.4 例 3.4 程 F 


站 语句 也 可 以 通过 使 用 三 元 运算 符 (?:) 来 实现 。 
:元 运算 符 (?:) 的 语法 格式 : 

< 表达 式 过 表达 式 2> :< 表达 式 辽 

例如 


int MyNume 9; 
string MyString= (MyNum> 10) 2"MyNum > 10":"MyNume 10"; 


用 过 语 句 重新 改写 上 面 的 三 元 运算 , 则 有 : 


if MyNum> = 10) 
MyString= "MyNum >= 10"; 
else 
MyString= "MyNum < 10"; 
if 语句 同样 可 以 运用 于 由 套 , 即 在 一 个 if 语句 中 使 用 另 一 个 if 语句 。 
语法 格式 : 


if (expressionl) 
Statement] 
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Statement3 


1 
语句 块 1 语句 块 2 语句 块 n-1 语句 块 n 


图 3.5 这 语句 的 焦 套 


注意 : if 或 else 语句 之 间 可 以 加 入 更 多 的 放 与 else 子 语句 ,以 便 进行 更 多 的 判断 。 但 
要 注意 的 是 ,一 个 if 语 句 并 不 一 定 需要 else 语句 ,而 一 个 else 语句 则 一 定 要 有 一 个 讶 语句 
与 其 配对 。 

【 例 3.5】 比较 两 数 的 大 小 ,并 输出 其 中 较 大 的 数 。 

代码 如 下 。 


using System 
class Compare 
Public static void Main () 
{ 
double a,b,x; 
Console.Write ("请 输入 一 个 数值 : "); 
d= double.Parse (Console.ReadLine ()); 
Console.Write ("请 再 输入 一 个 数值 : "); 
b= double.Parse (Console.ReadLine ()); 
if (a>b) 

a 
else 

bb; 


Console.WriteLine ("the max is: {0} ",x); 
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} 
Console.ReadLine (); 
} 


程序 运行 结果 如 图 3.6 所 示 。 


C:\WI 


图 3.6 求 两 数 中 的 较 大 数 


【 例 3.6】 根据 输入 的 学 生成 绩 , 显 示 相 应 的 等 级 : 优 、 良 、 中 、 及 格 和 不 及 格 。 
代码 如 下 。 


using System; 

class StuGragdel 

{ 

public static void Main() 
{ 

int score; 
string grade; 
Console.Write ("请 输入 学 生 的 成 绩 : "); 
score= Int32.Parse (Console.ReadLine ()); 
if (score>= 90) 
grade= " 优 史 
else if (score>= 80) 
grade=" 良 " 
else if (score>= 70) 
grade= "中" 
else if (score>= 60) 
grade= "及 格 "; 
else 
grade= "不 及 格 " 
Console.WriteLine(" 该 学 生 的 考试 成 绩 等 级 为 : {0}",grace); 
Console.ReadLine (); 


} 

程序 运行 结果 如 图 3.7 所 示 。 

在 这 种 梯形 的 if 结构 中 ,最 后 的 else 语句 经 常 作为 默认 条 件 , 就 是 说 如 果 所 有 其 他 条 
件 测试 都 失败 ,那么 最 后 的 else 语句 会 被 执行 。 这 里 最 后 的 else 语句 不 能 少 ,和 否则 不 论 输 
入 的 成 绩 为 多 少 , 输 出 都 为 “不 及 格 ”。 另 外 ,该 程序 在 本 处 没有 对 输入 数据 的 合法 性 做 出 判 
断 ,实际 应 用 时 应 加 上 容错 代码 。 
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= C:\WINDOWS em32\cmd.exe ” 恩 


图 3.7 输入 成 绩 显示 相应 的 等 级 


【 例 3.7】 某 网 上 书店 售 书 , 根 据 一 次 性 的 购买 金额 有 不 同 的 折扣 率 。 假 设 金额 高 于 


1000, 则 打 75 折 ,800 一 1000 打 8 折 ,500~800 打 85 折 ,小 于 500 是 9 折 。 要 求 根 据 用 户 输 
入 的 购书 金额 ,计算 折扣 后 的 价格 。 
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像 这 种 对 多 个 条 件 的 判断 ,可 以 用 多 重 if 结构 来 解决 。 
代码 如 下 。 


using Systemy 

Using System.Collections.Generic; 
using System.Linq; 

Using System.Text; 


namespace MiultiIfFxanrple 
{ 
class MultiIfFxanple 
{ 
static void Main (string[] args) 
{ 

Console.Write(" 请 输入 你 的 购书 金额 : "); 

// 将 用 户 输入 的 金额 转换 成 foat 型 数据 

float amount= float .Parse (Console .ReadLine ()); 

if (amount >=1000) 

{ // 处 理 金额 大 于 1000 的 情形 
Console.WriteLine (" 折 扣 为 : 758 "); 
Console.WriteLine ("你 应 付 的 书 款 为 : {0}",amount * 0.75); 

} 

else if (amount >= 800 && amount < 1000) 

{ // 处 理 金 额 在 800 到 1000 的 情形 
Console.WriteLine ("折扣 为 : 80% "); 
Console.WriteLine ("你 应 付 的 书 款 为 : {0}",amount * 0.8); 

于 

else if (ampunt >= 500 && ampunt < 800) 

{ // 处 理 金额 在 500 到 800 的 情形 
Console.WriteLine(" 折 扣 为 : 85% "); 
Console.WriteLine ("你 应 付 的 书 款 为 : {0}",amount * 0.85); 


else 
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{ // 处 理 金额 小 于 500 的 情形 
Console.WriteLine ("折扣 为 : 90% "); 
Console.WriteLine ("你 应 付 的 书 款 为 : {0}",amount x* 0.9); 
Console.ReadLine (); 


} 


注意 : 添加 到 if 子 句 中 的 else if 语句 的 个 数 没有 限制 。 
假设 用 户 输入 的 购书 金额 为 300 元 ,这 时 程序 的 运行 结果 如 图 3. 8 所 示 。 


图 3.8 例 3.7 程序 运行 结果 


2. switch 语句 

在 编写 程序 时 ,经 常会 遇 到 像 例 3. 6、 例 3.7 这 样 的 情况 ,要 处 理 多 分 支 的 选择 问题 。 
当 分 支 情况 很 多 时 ,虽然 if-else-if 语句 可 以 实现 ,但 多 层 的 内 套 使 程序 变 得 宛 长 且 不 直观 。 
针对 这 种 情况 ,C# 提 供 了 switch 语句 ,用 于 处 理 多 分 支 的 选择 问题 。 

switch 语句 的 一 般 形式 : 

switch (表达 式 ) 

{ 


case 常量 表达 式 1: {语句 组 1} break; 


case 常量 表达 式 n: {语句 组 n} break; 
default: {语句 组 n+ 1} break; 

} 

其 中 ， 

“表达 式 ” 也 可 以 是 变量 ,但 必须 是 能 计算 出 具体 的 “常量 表达 式 ” 表 示 的 量 。 

“常量 表达 式 " 是 “表达 式 ” 的 计算 结果 ,可 以 是 整 型 数值 ,字符 或 字符 串 。 

switch 语句 的 执行 过 程 如 下 。 

(1) 首先 计算 switch 后 面 的 表达 式 的 值 。 

(2) 将 上 述 计算 出 的 表达 式 的 值 依次 与 每 一 个 case 语句 的 常量 表达 式 的 值 比较 ,如 果 
没有 找到 匹配 的 值 , 则 进入 default, 执 行 语句 组 n 十 1; 如 果 没 有 default, 则 执行 switch 语句 
后 的 第 一 条 语句 ;如 果 找 到 匹配 的 值 , 则 执行 相应 的 case 语句 组 语句 ,执行 完 该 case 语句 组 
后 ,整个 switch 语句 也 就 执行 完毕 。 因 此 ,最 多 只 执行 其 中 的 一 个 case 语句 组 ,然后 将 执行 
switch 语句 后 的 第 一 条 语句 。 
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注意 : 


(1) switch 语句 可 以 把 多 个 case 语句 放 在 一 起 ; 
(2) case 中 没有 其 他 语句 时 ,不 需要 写 break 语句 ,程序 直接 执行 下 一 个 case; 


(3) 每 个 


case 都 不 能 相同 ; 


(4) switch 语句 后 面 的 表达 式 的 值 只 能 是 整 型 .字符 型 或 字符 串 。 这 是 与 C++ 里 的 
switch 语句 的 一 个 不 同 之 处 ,在 C++ 里 ,是 不 允许 用 字符 串 作 测试 变量 的 ; 

(5) switch 的 每 个 部 分 都 必须 有 break 语句 ,default 子 句 也 要 有 break 标记 ; 

(6) 每 一 个 switch 语句 最 多 只 能 有 一 个 default 标号 分 支 ; 


(7) case 


【 例 3.8】 


子 句 的 顺序 是 无 关 紧 要 的 ,甚至 可 以 把 default 子 句 放 在 最 前 面 。 
将 例 3.6 用 switch 语句 完成 (本 例 没 有 包括 100 分 的 情况 ) 。 


代码 如 下 。 


using System 
Class StuGrade2 


{ 


public static void Main () 


{ 


int tenp, score; 
Console.Write(" 请 输入 学 生 的 成 绩 : "); 


tenp= Convert.ToInt16 (Console.ReadLine ()); // 将 输入 的 数字 字符 串 转换 为 16 位 整数 
score= (tenp- tempg 10)/10; 

Switch (score) 

{ 

case 9: Conscle iiteLine(" 你 的 成 绩 是 " 优 "zhbreakz // 输 入 以 9 开头 的 成 绩 一 定 是 9 分 以 上 


case 8: Console.WriteLine ("你 的 成 绩 是 " 良 "") ;break; 

case 7: Console.WriteLine ("你 的 成 绩 是 "中 "") ;break; 

case 6: Console.WriteLine ("你 的 成 绩 是 "及 格 "") ;break; 
default: Console.WriteLine ("你 的 成 绩 是 "不 及 格 "") ;break; 


} 


Console.ReadLine (); 


l 
} 


程序 运行 


Switch 1 


结果 如 图 3.9 所 示 。 


图 3.9 例 3.8 运行 结果 


下 句 中 多 种 情况 使 用 同一 种 解决 方案 : 有 时 候 , 可 能 对 于 多 种 情况 ,都 执行 相同 
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的 代码 。 例 如 ,对 于 掷 仍 子 的 情况 ,可 能 在 点 数 为 奇数 时 执行 某 种 操作 ,而 在 点 数 为 偶数 时 

执行 另 一 种 操作 。 在 这 种 情况 下 ,可 以 将 多 个 case 语句 作为 一 组 ,以 下 举 个 例子 进行 说 明 。 
【 例 3.9】 设计 掷 航 子 游戏 ,每 次 撞 出 仍 子 时 ,显示 “ 般 子 是 奇数 "或 " 般 子 是 偶数 "的 信息 。 
代码 如 下 。 


using System 

Class ThrowRoll 

{ 

Public static void Main () 

{ 

int roll=0; 

Fandcm rnd- new Fandom()7 // 创 建 一 个 存储 随机 数 的 变量 
Ioll= (int) md.Next (1,7); // 生 成 一 个 1~6 之 间 的 随机 数 
Console.WriteLine(" 开 始 掷 仍 子 风 ; 
Console.WriteLine(" 这 次 掷 的 骨 子 是 : {0}",roll); 
Switch (roll) 

{ 

Case 1: 

Case 3: 

Case 5: 

Console.WriteLine (路 子 是 奇数 ") ;break; 

Case 2: 

Case 4: 

Case 6: 

Console.WriteLine ( 咽 子 是 偶数 ") ;break; 
aefault: 

Console.WriteLine ("路子 不 在 1]~ 6 之 间 ");break; 
} 

Console.ReadLine (); 

} 

} 


程序 运行 结果 如 图 3. 10 所 示 。 


图 3.10 撕 骨 子 游戏 


有 了 时候 ,需要 执行 同一 个 switch 语句 中 的 多 个 case 语句 。 在 C# 中 ,可 以 使 用 goto 命 
令 来 实现 这 种 功能 , 即 可 以 在 switch 语句 中 使 用 goto 命令 跳 转 到 某 个 case 语句 或 default 
语句 。 下 面 使 用 goto 语句 对 例 3. 9 做 一 修改 。 
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switch (roll) 

{ 

Case 1: goto case 5;break; 

Case 2: goto case 6;break; 

Case 3: goto case 5;break; 

Case 4: goto case 6;break; 

Case 5: 

Console.WriteLine (只 子 是 奇数 ") ;break; 
Case 6: 

Console.WriteLine ("路子 是 偶数 ") ;break; 
Gefault: 

Console.WriteLine ("路 子 不 在 1~ 6 之 间 ");break: 
} 


虽然 可 以 使 用 goto 命令 来 演示 这 种 情况 ,但 采用 例 3.9 中 将 多 个 case 语句 分 组 的 方法 
显得 更 简单 清晰 ,可 是 有 时 goto 命令 确实 能 给 我 们 提供 所 需 的 方案 。 


以 下 的 编码 方式 就 是 不 正确 的 。 


//assume country is of type string 
Const string england= "uk"; 
const string britain= "uk"; 
string country= "China"; 
string lauguange= "Chinese"; 
Switch (country) 
{ 
Case england: 
case britain: // 这 里 将 会 产生 一 个 编译 错误 
language= "English"; 
break; 
} 


在 编译 上 面 代码 的 时 候 , 会 有 错误 提示 消息 : 标签 “case "uk":” 已 经 出 现在 该 switch 


语句 中 。 
3.4.2 循环 语句 


在 程序 中 除了 使 用 语句 改变 流程 外 ,有 时 还 需要 重复 执行 
某 个 代码 段 多 次 。 为 了 实现 重复 执行 代码 的 功能 ,C# 提供 了 
while do-while for 和 foreach 4 种 循环 语句 。 

1. while 语句 

while 语句 可 用 来 实现 当 条 件 为 “ 真 ”时 ,不 断 重复 执行 某 
个 代码 块 的 功能 。 其 语句 格式 为 : 

while (条 件 表 达 式 ) 

{语句 块 } 


while 语句 的 执行 流程 如 图 3. 11 所 示 。 
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1 
循环 变量 初始 化 


表达 式 false 


true 


语 
改变 循环 变量 的 值 


语句 块 


图 3. 11 


while 语句 执行 流程 
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执行 过 程 如 下 。 

(1) 计算 while 语句 的 条 件 表 达 式 的 值 。 

(2) 如 表达 式 的 值 为 真 , 则 执行 循环 体 “ 语 句 块 ,并 改变 控制 循环 变量 的 值 。 

(3) 返回 while 语句 的 开始 处 ,重复 执行 步骤 (1) 和 (2) ,直到 表达 式 的 值 为 假 ,跳出 循 
环 并 执行 下 一 条 语句 。 

【 例 3. 10】〗】 使 用 while 语句 ,计算 1 十 2 十 3 十 … 十 100 的 值 。 

代码 如 下 : 


using Systemy 

class Suml 

{ 

Public static void Main () 

{ 

int su 0,i= 1; 

while (i<=100) 

{ 

Sumt =it+; // 循 环 变量 是 i,i++ 是 用 于 改变 循环 变量 的 
} 

Console.WriteLine("sum= {0}", sum); 
Console.ReadLine (); 

} 

} 


程序 运行 结果 如 图 3. 12 所 示 。 
2. do…while 语句 
do…while 语句 的 特点 是 先 执行 循环 ,然后 判断 循环 条 件 是 否 成 立 。 


语句 格式 为 : 
Go 
{语句 块 } 


while (条 件 表达 式 ); 


while 语句 的 执行 流程 如 图 3. 13 所 示 。 


循环 变量 初始 化 


:/ASP. NET/Ex3_10/Ex3_1 


语句 块 
改变 循环 变量 的 值 


false 


图 3.12 例 3.10 运行 结果 图 3. 13 while 语句 执行 流程 
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执行 过 程 如 下 。 
(1) 当 程 序 执行 到 do 语句 后 ,就 开始 执行 循环 体 语句 块 , 并 改变 循环 变量 的 值 ; 
(2) 执行 完 循环 体 语句 后 ,再 对 while 语句 括号 内 的 条 件 表达 式 进行 判断 。 若 表达 式 
条 件 成 立 (为 真 ) ,转向 步骤 (1) 继 续 执行 循环 体 语句 ;否则 退出 循环 ,执行 下 一 条 语句 。 
【 例 3. 11】〗 使 用 do…while 语句 ,计算 1 十 2 十 3 十 … 十 100 的 值 。 
代码 如 下 。 
Using System; 
Class Sum2 
{ 
public static void Main() 
{ 


int sum= 0,i=1; 


do 
{ sumt =i+t+; } // 循 环 变量 是 i,i++ 是 用 于 改变 循环 变量 的 
while (i<=100); //while 语 名 后面 的 分 号 不 能 丢掉 


Console.WriteLine ("sure {0}", sum); 
Console.ReadLine (); 


} 


程序 运行 结果 和 图 3. 12 一 致 。 

while 和 do…while 语句 的 区 别 : do… while 语句 不 论 条 件 表达 式 的 值 是 什么 ,其 循环 
体 语 句 都 至 少 要 执行 一 次 ,因为 直到 程序 执行 到 循环 体 后 面 的 while 语句 时 , 才 对 条 件 表达 
式 进行 条 件 判断 。 而 while 语句 只 有 当 条 件 表达 式 的 值 成 立时 , 才 执 行 循环 体 语句 ,如 果 条 
件 表达 式 一 开始 就 不 成 立 , 则 循环 体 语 句 一 次 都 不 必 执 行 。 总 之 ,do…while 循环 是 先 执行 
循环 体 , 后 判断 条 件 表 达 式 是 否 成 立 ; 而 while 语句 是 先 判断 条 件 表 达 式 ,再 决定 是 否 执行 


循环 体 。 

3. for 语句 | 

for 语句 是 构成 循环 的 最 灵活 简便 的 方法 。for 语句 的 RI 
般 格式 为 : 

for (表达 式 1; 表 达 式 2; 表 达 式 3) 

{ 循 环 体 语 句 组 } 

for 语句 的 执行 流程 如 图 3. 14 所 示 。 循环 体 语句 组 

执行 过 程 如 下 。 1 

(1) 先 计 算 表 达 式 1 的 值 ; 表达 式 3 


(2) 求解 表达 式 2 的 值 , 若 表达 式 2 条 件 成 立 , 则 执行 for 
语句 的 循环 体 语句 组 ,然后 执行 第 (3) 步 ; 若 条 件 不 成 立 , 则 转 
到 第 (5) 步 ; 图 3.14 ”for 语句 执行 流程 

(3) 求解 表达 式 3; 

(4) 转 回 第 (2) 步 执行 ; 
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(5) 循环 结束 ,执行 for 语句 下 面 的 一 条 语句 。 
【 例 3. 12〗 使 用 for 语句 ,计算 1 十 2 十 3 十 … 十 100 的 值 。 
代码 如 下 。 


using System; 

class Sum3 

{ 

Public static void Main() 

{ 

int i,sue 07 

for (i=1; i<=100; i++) 
{ sumt =i;} 

Console.WriteLine (“sure {0}",sum); 

Console.ReadLine (); 

; 

} 


执行 结果 依然 是 sum 王 5050 。 
【 例 3.13】 利用 for 循环 媒 套 语句 , 求 1! 十 2! 十 … 十 10! 的 值 。 
代码 如 下 。 


Using System; 
class Sm4 
{ 
Public static void Main() 
{ 
int i,kme 1, sune 0; 
for (i=1; i<=10; 计 +) // 外 层 用 于 计算 每 个 数 的 阶乘 累加 
{ 
for (1l;k<=iy kt+) ”// 内 层 for 循 环 用 于 计算 某 个 数 的 阶乘 


mmx ks; // 内 层 循环 体 , 只 有 一 条 语句 ,可 以 不 用 花 括号 
SE sumt my; 
mel; 


} 

Console.WriteLine ("1!+ 2!+***+ 10!= {0}",sum); 
Console.ReadLine () 7 

} 

} 


程序 的 运行 结果 如 图 3. 15 所 示 。 

4. foreach 语句 

在 C# 中 ,新 引进 了 一 种 循环 语句 结构 foreach 语句 。 在 C/C++ 中 没有 这 个 语句 ， 
Visual Basic 中 有 这 个 语句 ,用 于 对 枚 举 集合 或 数组 中 的 每 一 个 元 素 执 行 循环 体 语句 。 在 
C# 语 言 中 ,使 用 foreach 语句 也 可 完成 同样 的 功能 。 

foreach 语句 格式 如 下 : 
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图 3.15 例 3.13 的 运行 结果 


foreach 变量 类 型 ”从 代 变 量 in 集合 表达 式 ) 
{循环 体 语句 块 } 

功能 : 对 集合 表达 式 所 表示 的 数组 或 对 象 集合 中 的 每 一 个 元 素 执行 一 遍 循环 体 语 句 。 
其 中 “集合 表达 式 ” 是 指 某 个 集合 或 数组 .。“ 和 迭代 变量 ”( 也 称 循 环 变量 ) 是 一 个 局 部 变量 ， 
它 只 在 foreach 语句 范围 内 有 效 , 用 来 依次 循环 存放 foreach 语句 要 遍历 的 数组 或 集合 中 
的 各 个 元 素 , 所 以 这 个 “迭代 变量 "和 “变量 类 型 "都 必须 与 数组 或 集合 中 的 元 素 类 型 相 
同 , 并 且 不 能 给 该 迭代 变量 另 赋 一 个 新 值 ,也 不 能 把 它 当 作 ref 或 out 参数 ,否则 将 发 生 编 
译 错误 。 

在 foreach 语句 中 使 用 循环 体 语句 遍历 某 个 集合 或 数组 以 获得 需要 的 信息 ,但 并 不 修 
改 它们 的 内 容 。 对 于 foreach 语句 ,控制 循环 次 数 的 是 集合 或 数组 中 元 素 的 个 数 ,而 参与 循 
环 体 运算 的 变量 数值 则 是 数组 的 每 一 个 元 素 值 。 

foreach 语句 的 执行 过 程 如 下 。 

(1) 求解 集合 表达 式 的 值 , 生 成 一 种 集合 类 型 的 实例 。 现 将 该 实例 称 为 A, 而 如 果 和 A 是 

-种 引用 类 型 ,上 且 其 值 为 null, 则 编译 会 出 现 空 引用 异常 。 

(2) 调用 A. GetEnumerator() 方 法 可 得 到 一 个 枚 举 实例 的 值 ,返回 的 枚 举 值 存放 在 临 
时 局 部 变量 中 , 现 将 此 变量 称 为 v。foreach 循环 体 中 的 语句 无 法 访问 该 临时 变量 v。 如 果 v 
是 一 种 引用 类 型 , 且 其 值 为 null, 则 会 出 现 NullReferenceException 溢出 异常 。 

(3) 通过 求解 调用 v. MoveNext() 方 法 ,将 枚 举 推进 到 下 一 个 元 素 。 

(4) 如 果 调 用 v. MoveNext() 方 法 返回 值 为 true, 则 执行 第 (5)、(6) 步 。 

(5) 通过 求解 访问 v. Current 属性 的 值 来 获得 当前 枚 举 数值 ,并 将 该 值 显 式 转 换 成 
foreach 语句 中 规定 的 “变量 类 型 ”, 将 结果 值 保存 到 "和 迭代 变量 ”中 ,以 使 foreach 语句 循环 体 
中 的 语句 能 够 访问 它 。 

(6) 程序 开始 执行 foreach 语句 循环 体 中 的 语句 ,如 果 执 行 到 语句 的 终点 (也 可 能 是 执 
行 一 条 continue 语句 ) ,就 开始 执行 下 一 次 foreach 迭代 。 

(7) 如 果 调 用 v. MoveNext() 方 法 返回 的 值 为 false, 则 跳出 foreach 循环 , 转 而 执行 
foreach 结构 后 面 的 下 一 条 语句 。 

以 下 是 foreach 语句 的 应 用 。 

1) 对 数组 使 用 foreach 语句 

foreach 语句 可 用 于 为 数组 中 的 每 一 个 元 素 执行 一 遍 循环 体 中 的 语句 ,以 下 举例 说 明 使 
方法 。 

【 例 3.14】 定义 一 个 二 维 数组 ,输出 该 二 维 数组 中 的 各 元 素 的 值 。 
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代码 如 下 。 


using System; 

class MyArrayl 

{ 

public static void Main () 

{ 

int [,] arry= {{1,3,5,7}, {2,4,6,8}}; 
foreach (int elements in arry) 


// 定 义 


Console.Write ("{0},",elements); 
Console.ReadLine ()7 

} 

} 


程序 输出 结果 如 图 3. 16 所 示 。 


-个 32 位 整数 类 型 的 
// 显 示 二 维 数组 中 各 元 素 
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- 维 数组 


/ASP. NET/Ex3_14/E 


图 3. 16 


例 3. 14 的 运行 结果 


该 程序 中 的 变量 arry 就 代表 foreach 语句 中 的 数组 元 素 的 集合 表达 式 ,elements 就 是 


迭代 变量 ,并且 该 变量 的 数据 类 型 必须 与 数组 元 素 的 数据 类 型 


foreach 语句 可 知 ,执行 过 程 是 依次 从 数组 arry 中 取出 


中 显示 输出 。 


- 致 为 int 型 。 根 据 上 述 
-个 元 素 存放 到 迭代 变量 elements 


【 例 3.15】 定义 一 个 整数 类 型 的 数组 ,用 foreach 语句 计算 数组 中 的 奇数 和 偶数 之 和 。 


代码 如 下 。 


using System; 

class MyArray2 

{ 

Public static void Main () 

int cddsum= 0revenSum= 0; 

int[ ] arry=new int[ ]{9,1,2,5,7,8,11,13,223,43,91}; 
foreach( int elerValue in arry) 
{ 

if (elenrValue % 并 =0) 
evenSumt =elenValue; 

else 

odSumt =elenValue; 

} 


// 定 义 整数 类 型 数组 


// 这 里 是 存放 数组 元 素 的 迭代 变量 elerValue 参 与 运算 


Console.WriteLine('" 啤 组 中 奇数 的 和 为 : {0}, 偶 数 的 和 为 : {1}",oddsum,evenSum) ; 
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程序 执行 结果 如 图 3. 17 所 示 。 
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图 3.17 例 3.15 的 运行 结果 


【 例 3.16】 使 用 foreach 语句 ,输出 三 位 作家 发 表 的 著作 。 
代码 如 下 。 


using System; 

class BooksAuthors 

‘ 

public static void Main () 

{ 

string choice; 

string[] cBooks= new string[ ] {"Jane Eyre", "The Professor ","Villette"}; // 一 个 作者 的 书 名 
string[] eBooks= new string[ ] {"Wuthering Heights"}; // 一 个 作者 的 书 名 
string[] aBooks=new string[ ] {"agnes Grey", "Ihe Tenant of Wildfell Hall"}; // 一 个 作者 的 书 名 
Console.WriteLine ("Please select an author"); 

Console.WriteLine ("Charli"); 

Console.WriteLine ("Emily "); 

Console.WriteLine ("Anne") ; 

choice= Console.ReadLine (); // 从 键盘 输入 作家 名 ,选择 作家 
switch (choice) 

{ 

Case "Charli": 

Console.Write ("Charli 的 著作 有 : "); 

foreach (string c in cBooks) 

Console.WriteLine ("{0},",c); 

break; 

Case "Fmily": 

Console.Write ("Emily 的 著作 有 : "); 

foreach (string e in eBooks) 

Console.WriteLine ("{0},",e); 

break; 

Case "Anne": 

Console.WriteLine("Anne 的 著作 有 : "); 

foreach (string a in aBooks) 

Console.WriteLine ("{0},",a); 
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break; 

Gefault: 

Console.WriteLine ("你 的 选择 无 效 1"); 
break; 

Console.ReadLine (); 

} 

} 


程序 执行 结果 如 图 3. 18 所 示 。 
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图 3.18 例 3.16 的 运行 结果 


2) 对 集合 使 用 foreach 语句 

若 要 循环 访问 集合 ,在 foreach 语句 中 集合 必须 满足 条 件 : 集合 类 型 必须 是 interface、 
class 或 struct 类 型 ,还 必须 包括 返回 类 型 的 GetEnumerator 的 实例 方法 。 

迭代 变量 类 型 包含 一 个 Current 属性 (返回 集合 的 当前 元 素 ) 和 MoveNext() 方 法 。 

有 以 下 三 种 使 用 集合 的 方法 。 

(1) 使 用 上 述 给 出 的 集合 应 满足 的 条 件 创 建 一 个 集合 ,此 集合 只 能 用 于 C# 程 序 。 

(2) 使 用 上 述 给 出 的 集合 应 满足 的 条 件 创建 一 个 一 般 的 集合 ,并 实现 IEnumerable 接 
口 , 则 此 集合 可 用 于 其 他 语言 (如 Visual Basic)。 

(3) 在 集合 中 使 用 一 个 预定 义 的 集合 。 

【 例 3.17】 对 C# 语 言 集合 使 用 foreach 语句 ,使 用 预定 义 的 Hashtable 集合 类 。 

本 例 使 用 了 预定 义 的 Hashtable 集合 类 ,为 了 使 用 这 个 类 及 其 成 员 ,必须 在 程序 中 使 用 
System, Collections 命名 空间 。 可 以 使 用 Add 方法 向 Hashtable 对 象 中 添加 项 目 。 

代码 如 下 。 


Using Systemy 
using System.Collections; 


Public class MainClass 


{ 

Eublic static void Main (string [ ] args) 

{ 

Hashtable ziphash= new Hashtable(); // 定 义 Hashtable 对 象 
ziphash.Bdd("810000", "西宁 中; // 使 用 aal() 方 法 添加 项 目 


ziphash.BGd("816000"," 格 尔 木 "); 
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ziphash.RGa("811300" " 黄 南 史 7 
ziphash.RGa("815000 ", “ey 
ziphash.AGd("814000 史 " 果 洛 史 ; 
Console.WriteLine ("Zip Code\tCity"); 
foreach (string zip in ziphash.Keys) 

{ 

Console.WriteLine (zip+ "\t\t"+ ziphash [zip]); 
} 

Console.ReadLine (); 

} 

} 


程序 运行 结果 如 图 3. 19 所 示 。 


ip Code 
10000 
113998 


15999 
16999 
ls14660 


图 3.19 例 3.17 的 运行 结果 


5. break 语句 .continue 语句 和 goto 语句 

break 语句 .continue 语句 和 goto 语句 也 称 作 跳出 、 继 续 和 转向 语句 。 

1) break 语句 

break 语句 通常 用 在 switch 语句 和 各 种 循环 语句 中 。break 语句 的 使 用 格式 为 ， 


break; 


在 switch 语句 中 ,break 语句 的 作用 是 使 程序 流程 跳出 switch 语句 结构 。 在 各 种 循环 
语句 中 ,break 语句 的 作用 是 使 程序 终止 整个 循环 。 

注意 : 如 果 是 多 重 循环 ,break 不 是 使 程序 跳出 所 有 循环 ,而 只 是 使 程序 跳出 break 本 
身 所 在 的 循环 。 

【 例 3. 18〗 任意 给 定 一 个 整数 n, 判 断 其 是 否 为 素数 ( 若 n 不 能 被 2、3、…、n 一 1 中 的 任 
意 一 个 数 整除 , 则 n 为 素数 ) 。 

代码 如 下 。 


using System 

Class Prime 

{ 

static void Main() 

{ 

int i=1,n; 

Console.WriteLine(" 断 一 个 数 是 不 是 素数 ") 
Console.Write(" 请 输入 一 个 正 数 号 mm; 
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IF Int32.Parse (Console .ReadLine ()); 
while(++i<n) 


if (nsi== 0) 

{ 

Console.WriteLine ("不 是 素数 "); 
break; // 用 break 终 止 循环 
} 

if(i==n) 


Console.WriteLine ("是 素数 "); 
Console.ReadLine (); 


} 
} 
程序 运行 结果 如 图 3. 20 所 示 。 


图 3.20 判断 是 否 为 素数 


该 程序 在 输入 某 个 数 n 后 ,执行 while 语句 ,判断 n 是 否 能 被 i 整 除 , 如 能 被 i 整除 , 则 
程序 输出 “不 是 素数 ”的 信息 ,并 执行 break 语句 退出 循环 ,此 时 i 小 于 n; 如 果 不 能 被 i 整除 ， 
则 将 i 加 1 再 进行 判断 。 如 果 直 至 i==n 一 1 时 ,n 都 不 能 被 i 整除 ,此 时 再 将 i 加 1, 则 i 等 于 
n, 这 样 就 不 满足 while 循环 的 条 件 ,程序 会 退出 while 循环 , 转 而 执行 其 后 面 的 if 语句 , 判 
断 出 i 与 n 相等 ,并 输出 “是 素数 ”的 信息 。 

2) continue 语句 


continue 语句 用 于 各 种 循环 语句 中 ,continue 语句 的 使 用 格式 为 : 


continve; 


continue 语句 的 作用 是 跳 过 循环 体 中 剩余 的 语句 而 强行 执行 下 一 次 循环 。 
【 例 3. 19】 输出 100 以 内 所 有 能 被 7 整除 的 数 。 
代码 如 下 。 


using Systwm; 

class Continue 

‘ 

Public static void Main () 

for (int i=]1; i<=100; i++) 

| 

if (i%7!=0) 

continue; /人 不 能 被 7 整除 时 ,执行 continmue 语 句 
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Console.Write ("{0}\t",i); 
} 

Console.WriteLine (); 
Console.ReadLine (); 

} 

} 


程序 运行 结果 如 图 3. 21 所 示 。 


file:///F:/ASP.NET/Ex3_19/Ex3_19/bin/Debug... 


图 3.21 输出 100 以 内 所 有 能 被 7 整除 的 数 


continue 语句 与 break 语句 的 区 别 : continue 语句 用 于 结 
continue 语句 下 面 尚未 执行 的 语句 ,再 判断 表达 式 的 条 件 , 以 决定 


束 本 次 循环 , 即 跳 过 循环 体 中 
执行 该 循环 体 的 下 


次 循环 。 而 break 语句 则 是 终止 当前 整个 循环 ,不 再 进行 条 件 表达 式 的 判断 。 在 while 和 


do…while 语句 中 ,continue 语句 用 于 把 程序 流程 转 至 执行 条 件 测试 部 


则 转 至 表达 式 3 处 ,以 改变 循环 变量 的 值 。 


3) goto 语句 


goto 语句 是 一 种 无 条 件 转移 语句 。goto 语句 的 格式 为 : 


goto 标 号 ; 


其 中 ,“ 标 号 ”是 程序 中 一 个 有 效 的 标识 符 , 该 标识 符 后 须 加 一 个 冒 
某 处 。 执 行 goto 语句 后 ,程序 将 跳 转 到 该 标号 处 并 执行 其 后 的 语 


【 例 3.20】 使 用 goto 语句 。 
代码 如 下 。 


using System 
class Goto 
{ 
Public static void Main () 
{ 
int i=0,j=0,&=0; 


for (i=0; i<10; i++) 


{ 
for(j=0; j<10; j++) 
f 
for (k=0; k< 10; k++) 
{ 
Console.WriteLine (™ i,j,k : {0}, {1}, {2}",i,j ,1K); 
if (==3) goto stop; // 直 接 跳 转 到 stop 语 名 标号 
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stop: Console.WriteLine ("stoped! i,j,k : {0}, {1},{2}",i,j ,kK); 
Console.ReadLine (); 

} 

} 


程序 运行 结果 如 图 3. 22 所 示 。 


图 3.22 使 用 goto 语句 


注意 

(1) break 语句 只 是 跳出 直接 包含 它 的 那个 语句 块 (switch,while,do,for,foreach); 

(2) continue 语句 只 是 从 循环 的 当前 迭代 中 退出 ,然后 重新 开始 新 一 轮 的 循环 ,而 不 是 
退出 整个 循环 ; 

(3) 建议 少 使 用 goto 语句 

(4) return 语句 用 于 退出 函数 。 


3.5 集合 类 型 


集合 类 型 是 数据 集合 的 常见 变 体 ,例如 哈 希 表 、 队 列 .堆栈 .字典 和 列表 。 一 般 可 以 通过 
对 集合 遍历 每 个 元 素来 访问 一 组 对 象 (特别 是 可 使 用 foreach 循环 访问 )。 一 个 集合 包括 多 
个 元 素 , 即 有 一 个 集合 类 对 象 和 N 个 元 素 对 象 。 集 合 与 数组 很 相似 ,都 能 存储 多 个 数据 ,但 
集合 能 够 动态 地 扩大 或 收缩 大 小 。 
3.5.1 数组 

1. 数组 的 声明 

数组 是 一 种 数据 结构 , 它 包含 若干 相同 类 型 的 变量 ,数组 元 素 可 以 是 任何 类 型 。 在 C# 
中 ,数组 是 从 Array 类 中 派生 出 来 的 引用 类 型 。 

数组 使 用 类 型 声明 ,格式 如 下 : 

数组 类 型 [] 数 组 名 ; 

例如 ,声明 一 个 一 维 整 型 数组 count: 


int[]count=new int [5]; 
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该 整 型 数组 包含 5 个 数组 元 素 , 索 引 从 0 到 4。 
如 果 是 声明 二 维 或 多 维 数组 ,数组 索引 间 用 ”, "分隔 ,例如 声明 一 个 二 维 数组 table: 
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string[']tabler new string[2,3]; 
该 数组 包含 6 个 数组 元 素 , 如 下 所 示 。 


table[0,0] 
table[1,0] 


2. 数组 初始 化 和 引用 
创建 数组 实例 时 ,编译 器 默认 将 数值 型 数据 元 素 初始 化 为 0, 布 尔 型 元 素 初始 化 为 
false, 引 用 型 数据 初始 化 为 null。 也 可 以 在 声明 数组 时 初始 化 数据 元 素 的 值 ,例如 : 


int[] count= new int[5] {5,7,3,6,9}; 
string[,] table= new string[2,3] {{" 张 三 "," 网 络 工 程 专业 "," 班 长 {" 李 四 "," 计 算 机 应 用 专业 "," 学 


委 "]]; 
Reader[] reader= new Reader [2] {new Reader () ,new Reader () }; 


要 访问 数组 元 素 ,使 用 数组 名 加 上 方 括号 和 索引 访问 某 个 数组 元 素 ,例如 : 


Count [0]= 100; count [4]= 200; 
table[1,2]=' 吁 长 "; 
reader[0] .personName= " 张 三 "; 


3. 常用 属性 和 方法 


table[0,1] 
table[1,1] 


(1) Length: 获得 一 个 32 位 的 整数 ,表示 数组 的 长 度 。 
例如 : 


Console.Write (count .Length); 


(2) Rank: 获得 数组 的 维 数 。 


例如 : 


Console.Write (table.Rank); 


(3) Sort() : 排序 数组 。 


例如 : 


int[] sou= new int[]{7,6,3,9,5}; 


Rrray.Sort (sou); 


【 例 3.21】 创建 一 个 一 维 数据 ,并 对 数组 元 素 进 行 升序 排列 。 
代码 如 下 。 


Using System> 
namespace Ex3 21 


{ 


Class Program 


ET 


static void Main (string[] args) 


{ 
int[] sou= new int[] {7,3,6,4,5}; 
Array.Sort (sou); 
for (int i=0; i <=4; i++) 
Console.Write (sou[i]); 
Console.Read (); 
} 


} 


程序 运行 结果 如 图 3. 23 所 示 。 


图 3.23 数组 元 素 进行 升序 排列 


4. ArrayList 类 

数组 是 一 种 很 有 用 的 数据 结构 ,但 数组 也 有 一 定 的 局 限 性 。 如 数组 在 定义 的 时 候 必须 
定义 数组 的 数量 ,在 数量 不 确定 的 情况 下 ,可 能 会 出 现 数组 大 小 定义 过 多 或 定义 不 够 的 情 
况 , 如 读者 借 书记 录 中 ,可 能 没有 一 个 人 借 书 ,也 可 能 有 上 千 人 借 书 。 要 解决 这 个 问题 ,可 使 
用 ArrayList 类 。ArrayList 类 在 行为 上 像 一 个 数组 ,在 实例 化 时 不 需要 知道 数组 的 大 小 ， 
当 添 加 一 个 新 元 素 时 ,其 容量 可 以 动态 增长 。 

ArrayList 类 在 System. Collections 命名 空间 中 ,声明 时 要 加 上 该 类 所 在 的 命名 空间 。 

1) 声明 ArrayList 数组 

System.Collections.ArrayList record= new System.Collections.ArrayList (); 

2) 添加 数组 元 素 

【 例 3.22】 本 例 演 示 如 何 创建 并 初始 化 ArrayList 及 如 何 输出 值 。 


using System 
Using System.Collections; 
namespace Ex3 22 
{ 
class Program 
a 
static void Main (string[] args) 
{ 
ArrayList myYAI= new ArrayList (); 
myAL.AGd ("Hello"); 
MYAL.AGA ( "World")7 
myAL-.PGd("!"); 
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// 显 示 arrayList 的 count 属性 
Console.WriteLine ("myAL 有 {0} 个 元 素 ",myAL.Count); 
// 调 用 方法 ,显示 ArrayList 的 每 个 值 
foreach (Object cbj in myAL) 

Console.WriteLine ("{0}",cbj); 
Console.Read (); 


} 


程序 运行 结果 如 图 3. 24 所 示 。 


file:///F:/ASP. NET/Ex3 


图 3.24 添加 数组 元 素 


3.5.2 枚 举 


1. 枚 举 的 定义 
如 果 一 个 变量 只 有 几 种 可 能 的 值 ,那么 就 可 以 把 它 声明 为 枚 举 类 型 。 
例如 : 


enum Color {Red,Green,Blue} 


这 个 例子 声明 了 一 个 名 字 为 Color 的 枚 举 类 型 , 它 的 成 员 有 Red、Green 和 Blue。 

枚 举 的 声明 以 关键 字 enum 开始 ,其 后 定义 名 字 、 存 取 权 限 、 类 型 和 枚 举 的 成 员 。 存 取 
权限 包括 new、public、protected internal 和 private。 

枚 举 类 型 可 以 在 类 以 外 定义 。 

2. 枚 举 的 类 型 

每 个 枚 举 类 型 都 有 一 个 相应 的 类 型 ,可 以 理解 为 枚 举 成 员 的 类 型 ,一 个 枚 举 声 明 可 以 把 
枚 举 成 员 的 类 型 声明 为 byte、sbyte、short、ushort、int、uint、long 或 者 ulong。 

注意 : char 不 能 被 用 来 声明 为 枚 举 元 素 的 类 型 。 一 个 枚 举 的 声明 如 果 不 显 式 地 声明 枚 
举 元 素 的 类 型 , 则 默认 的 类 型 是 int。 

例如 : 


enum Color :long{Red,Green,Blue} 


3. 枚 举 成 员 的 值 
每 个 枚 举 成 员 都 有 相应 的 取 值 ,可 以 在 定义 时 指定 每 个 枚 举 成 员 所 代表 的 值 ,这 个 值 必 
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例如 : 


enum Color :long{Red= 2,Greer— 4,Blue= 6} 


如 果 在 定义 枚 举 时 没有 给 枚 举 成 员 指 定 值 , 则 默认 第 一 个 元 素 的 值 为 0, 其 后 每 一 个 元 
素 的 值 依次 递增 1。 例 如 : 


enum Days{Sun,Mon, Tue}; //Sun:0,Mon:1, Tue:2 


4. 枚 举 类 的 方法 

System. Enum 类 中 提供 了 许多 方法 可 以 用 来 存 取 enum 类 型 中 的 列举 清单 项 目 , 常 用 
的 方法 如 下 。 

(1) GetNames: 取 回 枚 举 值 中 代表 特点 常数 的 字符 串 名 称 。 

(2) GetValues: 取 回 枚 举 成 员 的 值 。 

【 例 3.23】 Enum 类 型 的 用 法 。 


Using System; 
using System.Collections; 
namespace Ex3 23 
{ 
enum MyColor { 蓝 色 =3, 白 色 , 红 色 }; 
enum Days {上 旬 , 中 旬 , 下 旬 }; 
class Program 
{ 
static void Main (string[] args) 
{ 
MyColor color; 
Days day; 
color=MyColor. 红 色 ; 
day= Days. 上 旬 ; 
Console.WriteLine ("color:{0},day:{1}",color,day); 
// 获 取 枚 举 类 型 中 定义 的 成 员 名 称 
string[] colorNames= Enum.GetNames (typeof (MyColor)); 
String[] dayNames= Enum.GetNames (typeof (Days)); 
// 逐 个 显示 成 员 名 称 
for (int i=0;i< colorNames.Length;i++) 
Console.WriteLine (colorNames [i]); 
for (int i=0;i< dayNames.Length;i++) 
Console.WriteLine (dayNames [i]); 
// 获 取 枚 举 类 型 中 成 员 的 值 
int[] colorValues= (int[])Enum.GetValues (typeof (MyColor)); 
int[] dayWaluves= (int [])Enum.GetValues (typeof (Days)); 
// 逐 个 显示 枚 举 成 员 的 值 
for (int i=0;i< colorValues.Iength;i++) 
Console.WriteLine (colorValues[i]); 
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for (int i=0;i< dayWalues.Length;i++) 
Console.WriteLine (dayalues[i]); 
Console.ReadLine ()7 


} 


程序 运行 结果 如 图 3. 25 所 示 。 
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图 3.25 Enum 类 型 的 用 法 


3.6 错误 和 异常 处 理 


优秀 的 程序 员 能 在 最 短 的 时 间 内 定位 错误 的 位 置 ,从 而 提高 编程 效率 ,这 就 要 需要 掌握 
正确 的 程序 调试 和 异常 处 理 方法 。 

旦 序 错误 主要 分 为 三 类 ,包括 语法 错误 、 人 逻辑 错误 和 异常 。 本 节 介绍 这 三 种 错误 。 

1. 语法 错误 

这 类 错误 主要 是 指 由 于 在 代码 中 使 用 不 正确 的 语法 造成 的 错误 ,比如 表达 式 书写 有 误 、 
调用 了 未 定义 的 方法 等 ,VS2005 编辑 器 会 在 书写 代码 时 使 用 红色 波浪 线 标 出 错误 代码 , 编 
译 后 在 集成 开发 环境 下 面 的 错误 列表 窗口 中 列 出 所 有 错误 ,双击 错误 条 目 就 可 以 定位 到 出 
现 错误 的 位 置 。 错 误 的 代码 下 面 用 蓝 色 的 波浪 线 标识 出 来 , 当 把 光标 放 在 蓝 色 波 浪 线 上 ,会 
弹出 提示 出 现 错误 原因 的 提示 框 ,如 图 3. 26 所 示 。 

2. 逻辑 错误 

程序 编译 成 功 , 说 明 没 有 语法 错误 ,运行 后 如 果 得 不 到 所 期 望 的 结果 ,这 说 明 程 序 存在 
逻辑 错误 。 例 如 运算 符 使 用 不 正确 .语句 次 序 不 对 、 循 环 语句 的 结束 条 件 不 正确 等 ,也 可 能 
是 算法 有 问题 。 编 译 器 不 能 捕捉 或 显示 这 类 错误 ,需要 仔细 地 阅读 分 析 程 序 ,通过 调试 器 来 
帮助 分 析 错 误 位 置 ,分析 产 生 错 误 的 原因 。 

3. 异常 

在 编写 程序 时 ,不 仅 要 关心 程序 的 正常 操作 ,还 应 该 考虑 到 程序 运行 时 可 能 发 生 的 各 类 
不 可 预期 的 情况 ,比如 用 户 输 入 错误 、 内 存 不 够 .磁盘 出 错 、 网 络 资源 不 可 用 、 数 据 库 无 法 使 
用 等 ,所 有 这 些 错误 被 称 作 异 常 ,不 能 因为 这 些 异 常 使 程序 运行 产生 问题 。C# 语 言 采用 异 


162 


C# 语言 基础 


icationl - Nicrosoft Visual Studio 
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图 3.26 语法 错误 


常 处 理 语句 来 解决 这 类 异常 问题 。 

4. 异常 处 理 

一 种 程序 语言 一 般 都 要 提供 一 种 捕获 和 处 理 异 常 的 机 制 ,C# 的 异常 处 理 功能 非常 强 
大 ,所 以 异常 都 被 定义 为 异常 类 ,属于 命名 空间 System. Exception 或 它 的 一 个 子 类 。 现 在 
通过 被 零 除 异常 介绍 C# 语 言 处 理 异 常 的 方法 。 

1) 异常 处 理 概 述 

【 例 3.24】 如 果 一 个 数 被 零 除 ,将 产生 异常 ,程序 将 停止 执行 。 

代码 如 下 。 

using System 

Class Test 

{ static void Main (string[] args) 

{ int xrYr27 


=x/y; 
Console.WriteLine ("z= {0}.", z); 


} 


程序 运行 后 将 在 z==x/y 语句 处 停止 运行 ,VS2005 运行 界面 如 图 3. 27 所 示 。 图 3. 27 
指出 该 程序 在 运行 过 程 中 出 现 了 一 个 被 零 除 的 错误 ,这 种 在 运行 阶段 发 生 的 错误 通常 称 为 
异常 。 为 保证 程序 安全 运行 ,程序 中 需要 对 可 能 出 现 的 异常 进行 相应 的 处 理 。C# 中 当代 
码 出 现 如 零 作 除数 ,内 存 空间 分 配 失败 等 错误 时 ,系统 就 会 自动 创建 异常 对 象 ,它们 大 多 数 
是 C# 异 常 类 的 实例 。System. Exception 是 异常 类 的 基 类 ,一 般 不 直接 使 用 ,因为 它 不 能 反 
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映 具 体 的 异常 信息 。 有 关 异 常 类 型 请 参阅 . NET SDK 文档 。 


文件 @) 蝙 辑 下 ) 视图 WD 项 目 E) 生成 @) 调式 W) 工具 中 测试 G) 窗口 如 社区 C 帮助 也 
lk EV- A 3 : 
jh 六 进 制 08 > 2 这 主 | 二 2 号 导语 避 全 DD 


国 |[69in (trineD] wes) 


d Nain(string[] args) go 
”Re x 
ee 试图 除 以 雪 。 
振 匀 提示 - 
本 行 际 志 三 虽 之前， 7 站 次 | 
1 著 取 此 异常 的 富 规 帮助。 | 
} 时 
} L _ EJ 
现 过 更 多 联机 帮助 
换 作 - 
查看 详细 信息 
将 异 案 详细 信息 复 科 硬 | 癌 周 板 
吕 | 
二 ae | > 
就 闭 行 13 列 13 Ch 13 Ins 


图 3.27 一 个 数 被 零 除 ,将 产生 异常 


2) try、catch 和 finally 块 
C# 通 常 使 用 try 语句 来 捕获 和 处 理 程序 执行 过 程 中 产生 的 异常 。try 语句 通常 形 
式 为 : 


try 
{ 
catch (ExceptionTypel idl1) 
|! 
catch (ExceptionType2 id?) 
{ 
' // 省 略 多 个 catch 子 句 
catch (ExoeptionTypeN idn) 

{ 
finally 
{ 


其 中 ,try 子 句 不 能 省 略 ,catch 子 句 可 以 出 现 多 次 ,finally 子 句 可 以 省 略 。 大 括号 内 为 相应 
的 处 理 语句 块 。try 语句 的 执行 机 制 是 : 当 try 子 句 中 产生 异常 ,程序 会 按 顺 序 查找 第 一 个 
能 处 理 该 异常 的 catch 子 句 ,并 使 用 程序 流程 转 到 该 catch 子 句 。 如 果 有 finally 子 句 , 无 论 
程序 是 否 产 生 异 常 ,finally 子 句 必 会 被 执行 。 一 般 在 finally 子 句 中 完成 必须 执行 的 操作 ， 
如 关闭 文件 .释放 对 象 占用 的 资源 等 ,这 些 不 能 被 垃圾 收集 器 撤销 。 

【 例 3.25】 try 语句 的 使 用 。 

using System 

class Test 

{ static void Main(string[] args) 
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{ int x,y,2; 
5 0; 
try 
{ =x/y; 

Console.WriteLine ("z= {0}.",2); 

} 
catch (DivideByZeroExoeption e) 
{ ”Console.WriteLine ("程序 出 现 异常 , 零 不 能 作 除 数 。"); 
” 

Console.ReadLine (); 

} 

} 


程序 运行 结果 如 图 3. 28 所 示 。 


file:///F:/ASP. NET/Ex3_24/Ex3_24... 


图 3.28 程序 异常 处 理 


结构 化 异常 处 理 ,一般 要 使 用 三 部 分 代码 。 

(1) Try: 是 程序 中 可 能 出 现 错误 的 操作 部 分 。 

(2) Catch: 是 用 来 处 理 各 种 错误 的 部 分 (可 以 有 多 个 )。 必 须 正确 排列 捕获 异常 的 
Catch 子 句 ,范围 小 的 Exception 放 在 前 面 的 Catch 中 。 即 如 果 Exception 之 间 存 在 继承 关 
系 , 就 应 把 子 类 的 Exception 放 在 前 面 的 Catch 子 句 中 。 

(3) Finally 块 的 代码 用 来 清理 资源 或 执行 要 在 Try 块 末 尾 执 行 的 其 他 操作 (可 以 省 
略 ) 。 无 论 是 否 产 生 异 常 ,Finally 块 都 会 执行 。 

显然 ,异常 是 在 程序 设计 中 无 法 避免 的 错误 ,设计 的 程序 必须 能 够 处 理 所 有 可 能 出 现 
错误 。 所 以 要 全 面 考虑 异常 处 理 , 将 一 切 可 能 出 现 异常 的 代码 都 进行 try 的 捕捉 ,然后 建立 
自己 的 异常 处 理 机 制 , 按 照 不 同 的 异常 情况 进行 分 类 处 理 。 

异常 产生 的 时 候 , 需 要 知道 是 什么 原因 造成 的 错误 以 及 错误 的 相关 信息 。 根 据 实际 情 
况 抛 出 具体 类 型 的 异常 ,然后 建立 捕 提 机 制 , 捕 提 到 异常 时 做 出 具体 的 处 理 。 在 编写 代码 过 
程 中 ,可 以 使 用 系统 已 定义 的 相关 异常 类 以 及 自 定义 的 异常 类 来 实例 化 并 抛 出 需要 的 异常 。 
如 一 个 不 可 能 实现 的 接口 ,可 以 抛 出 System. NotSupportedExceptiion 的 异常 来 告诉 接 
的 调用 者 。 

在 处 理 异 常 的 时 候 , 应 该 将 可 处 理 的 具体 异常 分 别 在 catch 块 中 做 出 相应 处 理 , 和 否则 程 
序 将 终止 运行 。 针 对 每 一 种 异常 ,以 不 同方 式 处 理 , 避 免 对 所 有 蜡 常 做 出 一 样 的 处 理 。 并 且 
在 异常 产生 时 ,给 用 户 一 个 友好 的 提示 (最 终 用 户 对 系统 异常 的 具体 内 容 是 不 明白 的 ,这 就 
需要 给 出 相关 的 信息 提示 和 解决 方案 ,或 告诉 联系 管理 员 等 ) ,并 在 可 能 的 情况 下 给 用 户 提 
供 选择 (确定 和 取消 ) ,让 用 户 来 决定 系统 的 运行 方向 。 同 时 ,程序 中 要 将 异常 做 日 志 记录 。 


Fe 
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不 是 所 有 异常 都 是 必须 记录 的 ,例如 一 些 可 捕捉 并 且 已 经 安排 程序 进行 处 理 的 异常 就 不 需 


要 记录 它 。 
C# 中 常见 的 异常 类 如 表 3. 21 所 示 。 
表 3.21 C# 中 常见 的 异常 类 
异 常 类 说 明 
Exception 所 有 异常 对 象 的 基 类 
SystemException 运行 时 产生 的 所 有 错误 的 基 类 
IndexOutOfRangeException 当 一 个 数组 的 下 标 超出 范围 时 运行 时 引发 
NullReferenceException 当 一 个 空 对 象 被 引用 时 运行 时 引发 


InvalidOperationException 


当 对 方法 的 调用 对 对 象 的 当前 状态 无 效 时 ,由 某 些 方法 引发 


ArgumentException 


所 有 参数 异常 的 基 类 


ArgumentNullException 


在 参数 为 空 (不 允许 ) 的 情况 下 ,由 方法 引发 


ArgumentOutOfRangeException 


当 参 数 不 在 一 个 给 定 范围 之 内 时 ,由 方法 引发 


JnteropException 


目标 在 或 发 生 在 CLR 外 面 环 境 中 的 异常 的 基 类 


ComException 


包含 COM 类 的 HRESULT 信息 的 异常 


SEHException 


封装 Win32 结构 异常 处 理 信 息 的 异常 


SqlException 


一 、 选 择 题 

1. .NET 编程 架构 是 指 ( 
A. .NET Framework 
C. XML Web Service 


2. ASP. NET 是 用 来 开发 ( 


A. Windows 应 用 
C. Web 应 用 


封装 了 SQL 操作 异常 


实践 与 练习 


B. VS. NET 
D. 开发 工具 

) 应 用 的 。 
B. . NET 组 件 类 
D. 命令 行 应 用 程序 


3. C# 编 译 器 将 C# 程 序 编 译 成 什么 样 的 代码 ? ( ) 


A. 汇编 语言 代码 
C. 微软 中 间 语 言 代码 


B. 机 器 语言 代码 
D. 二 进 制 代码 


4. 关于 微软 中 间 语 言 ,下 面 说 法 错误 的 是 ( Ys 


A. 它 是 解释 执行 的 


C. 它 是 与 处 理 器 无 关 的 指令 集 项 


B. 在 执行 时 , 它 被 转化 为 机 器 代码 
它 允 许 真正 的 跨 语言 集成 


5. 下 列 哪 种 语言 不 是 面向 对 象 的 ? ( ) 


A. C# 


B; VB C. 


VB. NET D. C++ 


6. 关于 C# 语言 的 基本 语法 ,下 列 哪些 说 法 是 正确 的 ?( ) 
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.C# 语 言 使 用 using 关键 字 来 引用 . NET 预定 义 的 名 字 空 间 
. 用 CH# 编 写 的 程序 中 ,Main 函数 是 唯一 允许 的 全 局 函数 

. C# 语 言 中 使 用 的 名 称 严格 区 分 大 小 写 

D. C# 中 一 条 语句 必须 写 在 一 行内 


只 症 


Ci 


C# 语言 基础 


7. 在 C# 中 ,表示 一 个 字符 串 的 变量 应 使 用 以 下 哪 条 语句 定义 ?( ) 
A. CString str; B. string str; 
C. Dim str as string D. char * str; 
8. 在 类 的 定义 中 ,类 的 ( ) 描 述 了 该 类 的 对 象 的 行为 特征 。 
A. 类 名 B. 方法 C. 所 属 的 名 字 空 间 D. 私有 域 
9. 在 下 列 函 数 结束 后 ,立即 从 内 存 中 清除 的 变量 是 ( Ns 
void Test () 
{ 
int i=100; 
int[] arr= new int[10]; 
string str= "this is a test"; 
abject r= new System.DateTime (1999, 9,9) ; 
} 
A. 变量 i B. 变量 str 所 引用 的 字符 串 对 象 
C. 数组 变量 arr D. 变量 r 所 引用 的 DataTime 对 象 
10. C# 程 序 中 ,可 使 用 try…catch 机 制 来 处 理 程 序 出 现 的 ( ) 错 误 。 
A. 语法 B. 运行 C. 逻辑 D. 拼写 
11. 在 编写 C# 程序 时 ,如 果 需 要 对 一 个 数组 中 的 所 有 元 素 进行 处 理 , 则 使 用 ( ) 循 
环 体 最 好 。 
A. while 循环 。 B. foreach 循环 C. do 循环 D. for 循环 
12. 下 列 语句 的 输出 是 ( 
Double mydoubler 123456789; 


Console.Writeline ("{0:N}",mydouble); 


A. $123,456,789.00 B. 1.234568E 十 008 
C. 123,456 ,789. 00 D. 123456789. 00 

二 、 填 空 题 

1. 在 实例 化 类 对 象 时 ,系统 自动 调用 该 类 的 进行 初始 化 。 

2. 当 一 个 对 象 离开 它 的 作用 域 或 不 再 被 使 用 时 ,系统 将 会 自动 调用 类 的 s 

3. C# 要求 程序 中 的 每 个 元 素 都 要 属于 一 个 5 

4. 在 C# 程 序 中 ,程序 的 执行 总 是 从 方法 开始 。 

5. 在 C# 中 ,进行 注释 有 两 种 方法 : 使 用 “//” 和 使 用 “/ x* */” 符 号 对 ,其 中 
只 能 进行 单行 注释 。 

6. 要 在 控制 台 程 序 运行 时 输入 信息 ,可 使 用 Console 类 的 方法 。 


7. 下 列 程序 完成 的 功能 是 : 从 键盘 上 输入 一 个 直角 三 角形 的 斜 边 长 度 和 一 个 角 的 度 


数 , 计 


算出 另 两 条 直角 边 的 长 度 并 输出 。 请 填空 。 
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Using system; 
Class Exanplel 


{ 


} 


8. 
9, 


10. 


Public Static void main() 
{ 

Double a,b,c,d, jd; 

C= Cornvert.ToSingle (Console.Readline ()); // 输 入 斜 边 长 度 
dF Convert.ToSingle (Console.Readline()); /| 输入 角 的 度数 


下 
ECcx Math.Sin(d)7 
JI ; 
Console.Writeline ("a= {0},b= {1}",asb); /| 输出 两 直角 边 的 值 
} 
请 写 出 描述 “一 10 三 =x 三 =10” 的 C# 语 言 表达 式 。 


在 switch 语句 中 ,在 分 支 的 最 后 应 有 一 条 语句 。 
下 列 程序 的 作用 是 求 出 所 有 的 水 仙 花 数 ( 所 谓 水 仙 花 数 是 指 这 样 的 数 : 该 数 是 三 


位 数 ,其 各 位 数字 的 立方 和 等 于 该 数 ) 。 
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Using system; 
Class Examplel 


{ 


Public Static void main () 
{ 
Tt aLbcots 


For(i=100;i<= ?i++) 

{ 
tL 
=t%10;t=t/10;b= t%10;c= t/10; 
if( ) 


Console.Writeline ("i= {0}",i); 


三 、 判断 正 误 

1. 结构 中 不 允许 定义 带 参 数 的 实例 构造 函数 。 ( » 
2. C# 中 执行 下 列 语句 后 整 型 变量 x 和 y 的 值 分 别 是 x 一 100,y 王 101。 ( ) 
int z= 100; 

int y++x; 

3. 可 以 出 现 数组 定义 语句 int[] pins 一 new int[4]{1,2.3);。 ( 
4. 当 参数 为 引用 类 型 时 ,改变 形 参 不 会 影响 实 参 的 值 。 《 
5. ArrayList 的 容量 可 根据 需要 自动 扩充 , 它 可 以 具有 多 个 维度 。 ( ) 


6. 在 try…finally 中 可 以 加 入 catch 用 于 处 理 语句 块 中 出 现 的 异常 。 
、 简 答题 与 程序 设计 题 


. C.C++ ,Java、C# 分 别 面向 什么 编程 ”它们 之 间 有 什么 关系 ? 
. 如何 创 建 Visual C# 的 控制 台 应 用 程序 ? 请 写 出 详细 步骤 。 
. C# 的 类 型 分 成 哪 两 大 类 ? 列举 一 些 各 类 的 典型 具体 类 型 。 

. C# 中 怎样 获取 数组 的 大 小 和 维 数 ? 

. 为 什么 C# 的 类 没有 析 构 函数 而 只 有 终结 器 ? 

. 阅读 以 下 的 C# 代 码 , 写 出 程序 的 运行 结果 。 


中 性 


Class Classl 
{ 
Public static void doArr (int[,] arr,out int k) 
{ 
IE arr.Rank; 
for(int i= 0;i< arr.GetLength(0)7i++) 
{ 
For (int j= 0;j< arr.GetLlength(1);j++) 
{ 
arr[i,j]=i+j+arr[i,j]; 
} 
} 
} 
Static void Main (string[] args) 
{ 
int[,] arrl= new int [3,2]{{1,2}, {3,4}, {5,6}}; 
int arrRank; 
Classl.doArr (arrl,out arrRank); 
Console.WriteLine ("arr[2, 了 的 值 : {0},amRank 的 值 为 : {1}"arr[2,1],anpang; 
Console.ReadLine (); 


} 
8. 阅读 以 下 的 C# 代 码 , 写 出 程序 运行 结果 。 
namespace t4 3 


{ 
Public delegate int[] aDel (int[] arrl); 


class delfun 


Public int[] ArrayRev (int [] arrl) 
{ 

Array.Reverse (arrl); 

retum arrl; 


. 值 类 型 变量 与 引用 类 型 变量 有 什么 不 同 ? 两 者 间 可 以 相互 转换 吗 ? 


C# 语言 基础 
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static void main (string[] args) 
{ 
int[] arrayl= new int [5]; 
Gelfin funobj= new Gelfun(); 
aDel Delcbj; 
for(int cnt= 07cnt< 5;nt+ +) 
{ 
arrayl[cnt]=cnt * 27 
} 
Delcbj= new aDel (funcbj .ArrayRev)7 
Arrayl= DelGbj (array1) 7 
foreach (int y in arrayl) 
{ 
Console.WriteLine (y); 
} 
Console.ReadLine (); 


} 

9. 声明 一 个 数组 ,将 一 年 中 的 12 个 月 份 的 英文 存 人 其 中 。 当 用 户 输入 某 个 月 份 的 数 
字 时 ,打印 出 该 月 份 对 应 的 英文 。 若 输入 0 则 退出 ,并 提供 输入 信息 不 合法 的 提示 。 

10. 定义 一 个 行 数 和 列 数 相等 的 二 维 数组 ,并 执行 初始 化 ,然后 计算 该 数组 主 对 角 线 上 


的 元 素 值 之 和 。 
例如 : 
3 2 2 4 
5 6 7 8 
9 10 11 12 


结果 为 : 1 十 6 十 11 十 16 一 34 

11. 编写 程序 ,输入 一 个 月 份 (1 一 12) .输出 对 应 的 天 数 。 其 中 2 月 的 天 数 是 半年 29 
天 ,平年 28 天 。 

12. 编程 输出 如 下 图 形 : 


x x 

x x x 

x x bs x 

x x x x x 
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第 4 章 ASP.NET 常 用 对 象 


本 章 学 习 目标 

。 熟练 掌握 Response 对 象 的 有 关 属 性 和 方法 。 
。 熟练 掌握 Request 对 象 的 属性 和 集合 。 

。 熟练 掌握 Server 对 象 的 属性 和 方法 。 


在 Web 中 处 于 中 心 的 是 Web 服务 器 , 它 是 用 来 处 理 客户 端的 HTTP 请 求 。 由 于 
HTTP 是 一 种 无 状态 的 协议 ,也 就 是 它 并 不 记得 上 一 次 谁 请 求 过 它 ,不 会 主动 去 询问 客户 
端 , 只 有 当 客 户 端 主动 请 求 之 后 ,服务 器 才 会 响应 。ASP. NET 利用 提供 的 常用 对 象 ,可 以 
实现 页 面 之 间 的 数据 传递 以 及 实现 一 些 特 定 的 功能 ,如 缓冲 输出 、 页 面 重 定向 等 。 

ASP.NET 页 面 中 除了 要 大 量 使 用 各 种 服务 器 控件 外 ,还 需要 使 用 各 种 ASP. NET 对 
象 。ASP.NET 对 象 提供 了 基本 的 请 求 、 响 应 和 会 话 等 处 理 功能 。 基 本 对 象 编程 也 是 
ASP. NET 应 用 程序 开发 的 基础 。 本 章 将 介绍 ASP. NET 常用 对 象 的 概念 和 应 用 等 。 


4.1 Response 对 象 


4.1.1 Response 对 象 简介 


Response 对 象 的 主要 作用 是 向 客户 端 输出 数据 。Response 对 象 类 名 是 HttpResp- 
onse, 它 是 Page 对 象 的 成 员 ,可 以 直接 使 用 。Response 对 象 提供 了 许多 属性 和 方法 , 表 4.1 
列 出 了 Response 对 象 的 常用 属性 。 


表 4.1 Response 对 象 的 常用 属性 


属 性 说 明 
Buffer 获取 或 设置 一 个 值 ,该 值 指示 是 否 缓冲 输出 ,并 在 完成 处 理 整 个 响应 之 后 将 其 发 送 
Cache 获取 Web 页 的 缓存 策略 ,如 过 期 时 间 、 保 密 性 .变化 子 句 等 
Charset 设 定 或 获取 HTTP 的 输出 字符 编码 
Expires 获取 或 设置 在 浏览 器 上 缓存 的 页 过 期 之 前 的 分 钟 数 
Cookies 获取 当前 请 求 的 Cookie 集合 
IsClientConnected | 传 回 客户 端 是 否 仍 然 和 Server 连接 
SuppressContent 设 定 是 否 将 HTTP 的 内 容 发 送 至 客户 端 浏览 器 , 若 为 True ,网 页 将 不 会 传 至 客户 端 


Response 对 象 可 以 输出 信息 到 客户 端 ,包括 直接 发 送信 息 给 浏览 器 、 重 定向 浏览 器 到 
另 一 个 URL 或 设置 Cookie 的 值 。 表 4. 2 列举 了 Response 对 象 几 个 常用 的 方法 。 
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表 4.2 Response 对 象 的 常用 方法 
方 法 说 明 
AddHeader “| 将 一 个 HTTP 头 添 加 到 输出 流 
AppendToLog | 将 自 定 义 日 志 信 息 添加 到 IIS 日 志文 件 


Clear 将 缓冲 区 的 内 容 清 除 

End 将 目前 缓冲 区 中 所 有 的 内 容 发 送 至 客户 端 后 关闭 

Flush 将 缓存 中 的 内 容 立 即 显示 。 该 方法 和 Clear 方法 一 样 ,在 脚本 前 面 没有 将 Buffer 属性 设 
置 为 True 时 会 出 错 。 和 End 方法 不 同 的 是 ,该 方法 调用 后 ,该 页 面 可 继续 执行 

Redirect 使 浏览 器 立即 重 定向 到 程序 指定 的 URL 

Write 是 Response 对 象 中 最 常用 的 方法 ,将 数据 输出 到 客户 端 


WriteFile 将 指定 的 文件 内 容 发 送 到 客户 端 浏览 器 


ASP. NET 中 引用 对 象 方法 的 语法 是 “对 象 名 . 方法 名 ”.“ 方 法 ?就 是 嵌入 到 对 象 定义 
中 的 程序 代码 , 它 定 义 对 象 怎样 去 处 理 信息 。 使 用 嵌入 的 方法 ,对 象 便 知道 如 何 去 执 行 任 
务 ,而 不 用 提供 额外 的 指令 。 

在 程序 设计 中 ,Response 对 象 中 最 常用 的 方法 是 Write 和 Redirect。Write 方法 用 于 
向 浏览 器 发 送信 息 ,Redireet 方法 用 于 页 面 的 重 定向 。 
4.1.2 向 浏览 器 发 送信 息 

Response 对 象 中 最 常用 的 方法 是 Write, 它 用 于 向 浏览 器 发 送信 息 。 使 用 Response 
. Write() 方 法 可 以 将 数据 发 送 到 浏览 器 ,同时 可 以 混合 使 用 HTML 标记 将 内 容 格 式 化 。 
例如 : 

Response. Write ("<hl> 青 海 民 族 大 学 < /hl> ") 
此 语句 可 以 使 浏览 器 按照 二 hl 二 标记 的 格式 显示 字符 串 “ 青 海 民 族 大 学 ”。 

如 果 在 浏览 器 中 显示 的 内 容 包 括 双 引号 ,那么 需要 将 它 改 写 为 一 个 单 引 号 ,或 者 两 个 双 
引号 。 

例如 ， 


Response. Write("<a Href 'http://www.drmu.edu.on'> 青 海 民 族 大 学 < /a> ") 
或 者 : 
Response. Write ("<a Hre 人 "http://www.dhm.eda.cn""> 青 海 民族 大 学 < /a>") 
【 例 4. 1】 使 用 Response. write' 向 客户 端 发 送 1 一 500 的 数字 信息 。 
代码 为 : 
for(int i=1;i<=500;i++) 


{ 
Response.Write ("i= "+ it "< BR> "); 


172 


ASP.NET 常用 对 象 


本 例 使 用 write 方法 ,向 屏幕 输出 500 个 值 。 
4.1.3 重 定向 


Response 对 象 的 Redirect 方法 可 以 将 连接 重新 导向 到 其 他 地 址 , 亦 即 重 定向 。 使 用 该 
方法 时 只 要 传人 一 个 字符 串 的 URL 即 可 ,格式 如 下 : 


Response.Redirect (URL) // 将 网 页 转移 到 指定 的 URL 
【 例 4.2】 将 当前 网 页 转移 到 page. htm。 


Response.Redirect ("http://localhost/page.htm") 
【 例 4.3】 将 当前 网 页 转移 到 “百度 ”。 


string httpString= "http://www.baidu.com"; 
Response.Redirect (httpstring); 


4.1.4 输出 文本 文件 


当 有 大 量 的 数据 要 发 送 到 浏览 器 时 ,如 果 使 用 Write 方法 ,那么 其 中 的 参数 串 将 会 很 
长 ,影响 程序 的 可 读 性 。 针 对 这 种 情况 ,Response 对 象 提供 了 一 个 直接 将 文本 文件 内 容 输 
出 到 客户 端的 方法 , 即 WriteFile 方法 。WriteFile 方法 将 指定 的 文件 内 容 发 送 到 客户 端 浏 
览 器 。 若 所 要 输出 的 文件 和 执行 的 网 页 在 同一 个 目录 , 则 只 要 直接 传人 文件 名 称 就 可 以 了 ; 
车 不 在 同一 个 目录 , 则 要 指定 详细 的 目录 名 称 。 

【 例 4.4】 将 网 站 根 目录 下 的 文本 文件 MyFile. txt 直接 输出 到 网 页 上 。 


Response. WriteFile ("MyFile.txt") 


4.1.5 设置 缓冲 区 


使 用 缓冲 区 (Buffer) ,可 以 将 程序 的 输出 暂时 存放 在 服务 器 的 缓冲 区 中 ,等 到 程序 执行 
结束 或 接收 到 Flush 或 End 指令 后 ,再 将 输出 数据 发 送 到 客户 端 浏览 器 。Response 对 象 的 
BufferOutput 和 Buffer 属性 用 于 设置 是 否 进行 缓冲 。 

Response 对 象 提供 ClearContent(Clear) ,Flush 和 ClearHeaders 三 个 方法 用 于 缓冲 的 
处 理 。ClearContent(Clear) 方 法 将 清除 缓冲 区 的 内 容 ;Flush 方法 将 缓冲 区 中 所 有 的 数据 
送 到 客户 端 ;ClearHeaders 将 缓冲 区 中 所 有 的 页 面 标 头 清除 。 

1. 设置 缓冲 区 

如 果 不 设置 缓冲 区 ,所 有 的 数据 都 会 直接 下 载 给 浏览 器 ,而 数据 一 旦 下 载 到 浏览 器 ,就 
无 法 中 途 取 消 。 

缓冲 区 的 优点 是 : 暂时 不 输出 数据 ,直到 确定 某 一 情况 时 , 才 将 写 入 缓冲 区 的 数据 输出 
到 浏览 器 ,否则 就 将 缓冲 区 的 数据 取消 。 

2. 设置 Response. Buffer 属性 

格式 : 


Response.Buffer= True 
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注意 : 设置 Response. Buffer 属性 时 ,必须 保证 在 没有 任何 数据 输出 到 浏览 器 以 前 进行 。 
3. 送出 与 清除 缓冲 区 的 数据 
调用 Response. End 或 Response. Flush 强制 将 缓冲 区 的 数据 送出 。 
调用 Response. Clear 清除 缓冲 区 的 数据 。 
【 例 4.5】 设置 缓冲 区 ,并 将 一 部 分 数据 送 到 缓冲 区 , 另 一 部 分 数据 写 到 缓冲 区 后 又 被 
取消 。 
代码 如 下 。 
<$%Response.Buffer= True%> 
<htm> 
<body> 
<% 
Response.write " 送 到 缓冲 区 的 数据 " 
Response.Flush 
Response.write "取消 缓冲 区 的 数据 " 
Response.Clear 
务 > 
< /bodqy> 
</htm> 
运行 后 ,下 载 到 浏览 器 的 数据 是 : 
一 html 二 二 body 之 “ 送 到 缓冲 区 的 数据 ”一 /body 二 二 /html 二 
写 到 缓冲 区 后 又 被 取消 的 数据 是 “取消 缓冲 区 的 数据 ”。 


4.1.6 检查 浏览 者 联机 状态 


当 网 页 在 执行 需要 较 长 时 间 的 复杂 运算 或 循环 时 ,浏览 器 会 一 直 处 于 等 待 的 状态 。 此 
时 车 使 用 者 停止 了 浏览 的 动作 ,而 IIS 还 继续 执行 运算 ,那么 将 浪费 系统 有 限 的 资源 。 可 以 
通过 判断 Response 对 象 的 IsClientConnected 属性 值 来 检查 浏览 者 是 否 仍 处 于 联机 状态 。 
若 IsClientConnected 属性 值 为 False, 表 示 使 用 者 已 经 离线 ,此 时 只 要 使 用 Response 对 象 
的 End 方法 来 结束 网 页 的 执行 即 可 释放 资源 。 这 样 Server 就 不 会 执行 无 用 的 工作 ,可 以 空 
出 更 多 的 资源 让 他 人 使 用 。 

设置 Response. IsClientConnected 的 属性 : 

Response. IsClientConnected 二 True, 表 示 浏 览 器 在 联机 中 ; 

Response. IsClientConnected 王 False, 表 示 使 用 者 已 经 离线 。 

一 般 把 该 判断 放 在 耗 时 的 循环 中 ,以 决定 是 否 提早 脱离 循环 ,或 者 放 在 某 一 段 耗 时 的 语 
句 前 面 ,例如 : 


while 条 件 式 
-循环 内 的 程序 
If Not Response.IsClientConnected Then 
Response.End 
End 
Wend 
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4.1.7 在 指定 时 间 段 显示 网 页 


有 时 和 希望 网 页 在 指定 的 时 间 段 中 才 显 示 ,而 超出 此 时 段 则 不 显示 ,这 可 使 用 Response 


对 象 的 End 方法 来 实现 。Response. End() 方 法 的 功能 是 结束 程序 的 执行 ,车 缓冲 
据 , 则 还 会 将 数据 输出 到 客户 端 。 
【 例 4.6】 输入 一 组 数字 , 当 满 足 某 条 件 时 终止 数字 的 输出 。 


for (int i=1; i<=200; i++) 
{ 
Response.Write(" "+it" "); 
证 (i==10) 
{ 
//Response.End(); 


4.2 ” Request 对 象 


区 有 数 


Request 对 象 的 主要 功能 是 使 服务 器 获取 从 客户 端 浏览 器 提交 或 上 传 的 信息 。Request 对 


象 派 生 自 HttpRequest 类 ,是 Page 对 象 的 成 员 之 一 。 使 用 该 对 象 可 以 访问 任何 由 


HTTP 


请 求 所 传递 的 信息 ,包括 HTML 表单 用 POST 方法 或 GET 方法 传递 的 数据 、 浏 览 器 种 类 、 


Cookie 中 的 数据 和 客户 端 用 户 认证 等 。 
4.2.1 Request 对 象 的 属性 和 方法 


1. Request 对 象 的 常用 属性 

Request 封装 了 客户 端 请 求 信 息 。Request 对 象 的 常用 属性 如 表 4. 3 所 示 。 
表 4.3 Request 对 象 的 常用 属性 

属 性 名 说 明 


ApplicationPath 应 用 程序 路 径 属性 ,获取 服务 器 上 ASP. NET 应 用 程序 的 虚拟 应 用 程序 根 目录 


Browser 浏览 器 属性 ,获取 客户 端 浏览 器 支持 的 功能 信息 


ClientCertificate 客户 证 书 属性 ,获取 客户 端 安全 证 书 , 返 回 HttpClientCertificate 对 象 


ContentEncoding 设置 请 求 对 象 的 编码 


Cookies 客户 端 发 送 到 服务 器 的 Cookie 集合 

Headers 获取 HTTP 标 头 

HttpMethod 获取 客户 端 使 用 的 HTTP 数据 传输 方法 Get,Post 或 Head 
Path 获取 当前 请 求 的 虚拟 路 径 和 网 页 名 称 。 

QueryString 获取 HTTP 查询 字符 串 变量 集合 
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续 表 
属 性 名 说 明 


UserHostAddress 获取 远程 客户 端的 IP 主机 地 址 


UserHostName 获取 当前 客户 端的 DNS 名 称 


UrlReferrer 获取 用 户 由 哪个 url 跳 转 到 当前 页 面 


Request 对 象 主要 用 于 获取 客户 端 表单 数据 ,服务 器 环境 变量 .客户 端 浏览 器 所 能 支持 


的 功能 及 客户 端 浏 览 器 的 Cookies 等 ,这 些 功 能 主要 利用 Request 对 象 的 集合 来 实现 。 
Request 对 象 包含 多 个 集合 ,它们 在 程序 设计 中 比 Request 属性 更 为 常用 。 这 些 对 象 的 集 
合 的 值 是 只 读 的 , 表 4.4 列 出 了 Request 对 象 的 常用 集合 。 


表 4.4 Request 对 象 的 常用 集合 


集合 名 称 说 明 
ClientCertificate 存储 在 发 送 到 HTTP 请 求 中 客户 端 证 书 中 的 字段 值 
Cookies HTTP 请 求 中 被 发 送 的 Cookie 的 值 
Form HTTP 请 求 正 文中 表格 元 素 的 值 
QueryString HTTP 中 查询 字符 串 中 变量 的 值 
ServerVariables 预定 的 环境 变量 的 值 


【 例 4.7】 获取 QueryString 的 值 。 
程序 中 ,经 常 可 以 使 用 QueryString 来 获得 从 上 一 个 页 面 传递 来 的 字符 串 参数 。 例 如 ， 


在 页 面 1 中 创建 一 个 链接 ,指向 页 面 2, 并 用 QueryString 来 查询 两 个 变量 。 
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代码 如 下 。 

<a href= "Page2.aspx?ID= 66Name= Wang"> 查看 < /a> 

在 页 面 2 中 接收 到 从 页 面 1 中 传 过 来 的 两 个 变量 : 

< Script Language= "C# " Runat= "Server"> 

Void Page Load (cbject sender, System.EventArgs e) 

{ 
Response.Write ("变量 了 D 的 值 : " +Reguest.QueryString["ID"] + "<br> "); 
Response.Write ("变量 Name 的 值 : " +Request.QueryString["Name"]); 

} 

< /script> 

运行 上 面 的 代码 后 结果 如 下 。 

变量 功 的 值 : 6 

变量 Name 的 值 : Wang 

显然 ,通过 使 用 Request. QueryString 可 以 成 功 得 到 QueryString 的 值 。 

2. Request 对 象 的 常用 方法 

Request 对 象 的 常用 方法 如 表 4. 5 所 示 。 
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表 4.5 Request 对 象 的 常用 方法 


方 法 说 明 
BinaryRead 执行 对 当前 输入 流 进 行 指定 字 节 数 的 二 进 制 读 取 
MapPath 为 当前 请 求 将 请 求 的 URL 中 的 虚拟 路 径 映 射 到 服务 器 上 的 物理 路 径 
SaveAs 将 HTTP 请 求 保存 到 磁盘 


例如 ,获取 文件 的 物理 路 径 , 代 码 是 Request. MapPath("FileName");。 
可 以 通过 这 条 语句 来 得 到 某 个 文件 的 实际 物理 位 置 , 该 方法 常常 用 在 需要 使 用 实际 路 
径 的 地 方 。 


4.2.2 获取 表单 数据 


服务 器 获取 表单 数据 的 方式 取决 于 客户 端 表 单 提交 的 方式 , 读 取 表单 数据 的 方式 有 以 
下 三 种 。 

1. 表单 的 提交 方式 为 Get 

当 表单 的 提交 方式 为 Get 时 , 则 表单 数据 将 以 字符 串 形式 附加 在 URL 之 后 在 QueryStr- 
ing 集合 中 返回 服务 器 。 

例如 : 


http://localhost/Proc.aspx?Paraml= valuel& Parar2= Value2 


其 中 ,问号 ? 之 后 就 是 表单 中 的 项 和 数据 值 : 表单 项 Paraml 值 为 valuel, 表 单项 Param2 
值 为 value2 。 

此 时 ,在 服务 器 端 要 使 用 Request 对 象 的 QueryString 集合 来 获取 表单 数据 。 

例如 : 

Request .QueryString ("Paraml") // 获 取 表 单项 Param 的 值 

Request .QueryString ("Param2") // 获 取 表 单项 Paran2 的 值 

2. 表单 的 提交 方式 为 Post 

当 表 单 的 提交 方式 为 Post 时 , 则 表单 数据 将 放 在 浏览 器 请 求 的 HTTP 标 头 中 返回 服 
务 器 ,其 信息 保存 在 Request 对 象 的 Form 集合 中 。 此 时 ,在 服务 器 端 要 使 用 Request 对 象 
的 Form 集合 来 获取 表单 数据 。 


例如 : 
Request..Form ("Paraml") // 获 取 表 单项 Param 的 值 
Request..Form ("Paran?") // 获 取 表 单项 Paran? 的 值 


3. 使 用 Request 对 象 的 Params 集合 
无 论 表单 以 何 种 方式 提交 ,都 可 使 用 Request 对 象 的 Params 集合 来 读 取 表 单数 据 。 
例如 : 


Request..Params ("Paraml") // 获 取 表 单项 Param 的 值 
Request.Params ("Pararpm) // 获 取 表 单项 Parar2 的 值 
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或 者 ,可 以 省 略 QueryString、Form 或 Param, 直 接 使 用 以 下 形式 。 
用 Request( 表 单项 ) 来 读 取 表单 数据 ,例如 : 


Request ("Paraml") // 获 取 表 单项 Paraml 的 值 
Request ("Parar2m) // 获 取 表 单项 Parar2 的 值 


使 用 Params 集合 或 简略 形式 读 取 表 单数 据 的 处 理 过 程 是 : Request 对 象 首 先 在 QueryStr- 
ing 集合 中 搜索 表单 项 变量 的 值 , 若 找到 即 返 回 相 应 值 ,否则 ,在 Form 集合 中 搜索 , 若 找到 
也 返回 相应 值 ; 若 都 找 不 到 , 则 返回 Nothing。 


4.2.3 获取 客户 端 浏 览 器 信息 


使 用 不 同 的 浏览 器 对 同一 网 页 进行 浏览 时 ,可 能 会 得 到 不 同 的 结果 。 采 用 Request 对 象 
的 Browser 属性 可 以 获取 客户 端 浏 览 器 的 属性 值 ,从 而 实现 针对 不 同 的 浏览 器 编写 不 同 的 
Web 文件 。Browser 属性 是 一 个 集合 对 象 , 可 以 使 用 一 个 HttpBrowserCapabilities 类 型 的 对 象 
变量 来 接收 Browser 属性 的 传 回 值 。 表 4. 6 列 出 了 Browser 集合 所 描述 的 主要 浏览 器 属性 。 


表 4.6 Browser 集合 描述 的 主要 浏览 器 属性 


属 性 说 明 
ActiveXControls 检查 浏览 器 是 否 支 持 ActiveXControls, 返 回 true 或 false 
Beta 是 否 为 测试 版 
Browser 浏览 器 的 名 字 , 例 如 "IE" 

Cookies 检查 浏览 器 是 否 支持 Cookies. 但 不 检查 用 户 是 否 启用 Cookies, 返 回 true 或 false 
Frames 检查 浏览 器 是 否 支 持 框架 

MajorVersion 显示 浏览 器 的 主 版 本 号 ,例如 IE 5.5 的 主 版 本 号 为 5 

Minorversion 显示 浏览 器 的 副 版 本 号 ,例如 IE 5. 5 的 副 版 本 号 为 0.5 

Type 浏览 器 的 类 型 ,例如 IE 5,Netscape 4 等 

VBScript 检查 浏览 器 是 否 支 持 VBScript, 返 回 true 或 false 

Version 浏览 器 的 完整 版 本 号 


【 例 4.8】 在 ASP. NET 网 页 中 检测 浏览 器 类 型 。 

Browser 属性 包含 一 个 HttpBrowserCapabilities 对 象 , 在 HTTP 请 求 过 程 中 ,该 对 象 
会 从 浏览 器 或 客户 端 设备 中 获取 信息 ,便于 应 用 程序 知道 浏览 器 或 客户 端 设备 提供 的 支持 
类 型 和 级 别 。 

代码 如 下 。 


Private void Buttonl Click (object sengder,System.EventArgs e) 
{ 
string s= "Browser Capabilities\n™" 
+ "Type=" +browser.Type + "\n" 
+ "Name=" + browser.Browser + "\n™ 
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+ "Versior=" + browser.Version + "\n" 

+ "Major Version=" + browser.MajorVersion + "\n™ 

+ "Minor Version=" + browser.MinorVersion + "\n™ 

+ "Platfom=" 二 browser-Platform + "\n™" 

+ "Ts Beta=" +browser.Beta + "\n" 

+ "Ts Crawler=" 十 browser.Crawler + "a 

+"Is MOLI=" + browser.AOL + "\n" 

+"Is WinlG=" +browser.Win16 + "\n™ 

+"Is Win32=" + browser .Win32 + "\n™ 

+ "Supports Frames=" + browser.Frames + "\n" 

+ "Supports Tables=" + browser.Tables + "\n" 

+ "Supports Cookies="™ +browser.Cookies + "\n" 

+ "Supports VBScript=" + browser .VBScript + "\n" 

+ "Supports Javascript=" + browser .EareScriptVersian.String () +"\n" 
+ "Supports Java Applets=" + browser .JavaApplets + "\n" 

+ "Supports Activex Controls=" + browser .ActiveXControls + "\n"; 


TextBox] .Text= s; 
} 
注意 : HttpBrowserCapabilities 对 象 所 公开 的 属性 指示 浏览 器 的 内 在 功能 ,但 不 一 定 
反映 出 当前 的 浏览 器 设置 。 例 如 ,Cookies 属性 指示 浏览 器 是 否 内 在 地 支持 Cookie, 但 不 指 
示 发 出 请 求 的 浏览 器 是 否 已 启用 了 Cookie。 


4.2.4 获取 服务 器 端 环境 变量 


Request 对 象 的 ServerVariables 集合 保存 了 随 HTTP 请 求 传送 的 HTTP 报头 信息 ， 
由 此 可 以 获取 有 关 服 务 器 端的 信息 与 HTTP 报头 。 还 可 用 来 读 取 服 务 器 端 预定 义 的 环境 
变量 信息 ,这 些 变量 都 是 只 读 变 量 。 表 4.7 列 出 了 一 些 主要 的 服务 器 环境 变量 。 
表 4.7 服务 器 环境 变量 


环境 变量 说 明 
ALL_HTTP 客户 端 发 送 的 所 有 HTTP 报头 
CONTENT_LENGTH 客户 端 发 送 内 容 的 长 度 
CONTENT_TYPE 客户 端 发 出 内 容 的 数据 类 型 ,如 "text/html” 
HTTP_HOST 客户 端的 主机 名 称 
HTTP_ USER_AGENT 客户 端 浏览 器 信息 ,如 浏览 器 类 型 .版 本 .操作 系统 等 
LOCAL_ADDR 服务 器 IP 地 址 
PATH_INFO 当前 打开 网 页 的 虚拟 路 径 
PATH_TRANSLATED 当前 打开 网 页 的 实际 路 径 
QUERY_STRING 客户 端 以 Get 方式 返回 的 表单 数据 
REMOTE_ADDR 发 出 请 求 的 远程 主机 的 IP 地 址 
REMOTE_HOST 发 出 请 求 的 主机 名 称 
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续 表 
环境 变量 说 明 
REQUEST_METHOD 浏览 器 将 数据 发 送 到 服务 器 的 方式 ,如 POST,GET 等 
SERVER_NAME 服务 器 主机 名 或 IP 地 址 
SERVER_PORT 服务 器 端 连接 的 端口 号 
SERVER_PROTOCOL 服务 器 端的 HTTP 版 本 
SERVER_SOFTWARE 服务 器 端的 软件 名 称 及 版 本 
URL,PATH_INFO 当前 网 页 的 虚拟 路 径 


获取 服务 器 端 环 境 变 量 的 语法 格式 : 


Request.ServerVariables (" 关 键 字 由 


例如 
Request.ServerVariables ("URL") // 返 回 当前 网 页 的 虚拟 路 径 
Request.ServerVariables ("HTTP_HOST") // 返 回 当前 客户 端的 主机 名 称 


4.2.5 获取 当前 浏览 器 网 页 的 路 径 


理 有 


Request 对 象 提 供 了 Path 属性 和 MapPath 方法 , 供 服 务 器 了 解 目 前 被 浏览 网 页 的 路 


【 例 4.9】 Request 对 象 的 Path 属性 和 MapPath 方法 的 应 用 。 
代码 如 下 。 


Response.Write ("服务 器 当前 的 宿主 目录 :"?&?Server.MapPath("\")g&"< br> ") // 是 Is 中 默认 的 目录 
Response.Write(" 当 前 的 物理 路 径 : "?& Server.MapPath("./")?&?"<br>") 
Fesponse.Wiite(" 父 目录 物理 路 径 : "& Server.MapPath("../")&"<br>") 
Response.Write(" 当 前 文件 的 物理 路 径 为 : "&?Server.MapPath (Request.ServerVari- 
ables ("PATH_INFO"))) 


运行 结果 : 


服务 器 当前 的 宿主 目录 :E:\old 

当前 的 物理 路 径 : E:\wwwTest\server 

父 目录 物理 路 径 : E:\wwwTest 

当前 文件 的 物理 路 径 为 : E:\wwwTest\server\serverl.asp 


4.3 Server 对 象 


Server 对 象 是 最 基本 的 ASP. NET 对 象 , 它 派生 自 HttpServerUtility 类 ,是 专门 为 处 
及 务 器 上 的 特定 任务 而 设计 的 , 它 提供 了 许多 非常 有 用 的 属性 和 方法 帮助 程序 有 序 地 


执行 。 
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4.3.1 Server 对 象 的 常用 属性 和 方法 


1. Server 对 象 的 两 个 常用 属性 

属性 MachineName, 获 取 服 务 器 的 计算 机 名 称 , 是 只 读 属性 。 

属性 ScriptTimeout, 获 取 或 设置 程序 执行 的 最 长 时 间 , 即 程序 必须 在 该 段 时 间 内 执行 
完毕 ,否则 将 自动 终止 ,这 样 可 以 防止 某 些 可 能 进入 死 循环 的 程序 导致 服务 器 资源 的 大 量 消 
耗 。 时 间 以 秒 为 单位 ,系统 的 默认 值 是 90s。 

例如 ,通过 Server 对 象 的 MachineName 属性 来 获取 服务 器 计算 机 的 名 称 。 

代码 如 下 。 


< Script Language= "c# " Runat= "Server"> 
Void Page Load (cbject sender,System.EventArgs e) 
{ 
String ThisMachiney 
ThisMachine= Server .MachineName; 
Response.Write (ThisMachine); 
} 
< /script> 


使 用 属性 ScriptTimeout ,设置 客户 端 请 求 的 超时 期 限 。 

例如 : 

Server.ScriptTimeout= 60; 
意思 是 将 客户 端 请 求 超时 期 限 设 置 为 60s ,如果 60s 内 没有 任何 操作 ,服务 器 将 断 开 与 客户 
端的 连接 。 

2. Server 对 象 的 常用 方法 

Server 对 象 的 方法 较 多 , 表 4.8 列 出 了 Server 对 象 的 常用 方法 。 


表 4.8 Server 对 象 的 常用 方法 


方 法 名 说 明 
CreatObject(type) 创建 由 type 指定 的 对 象 或 服务 器 组 件 的 实例 
Execute(path) 执行 由 path 指定 的 ASP. NET 程序 ,执行 完毕 后 仍 继续 原 程序 的 执行 
GetLastError() 获取 最 近 一 次 发 生 的 异常 
HtmlEncode(string) 将 string 指定 的 字符 串 进 行 编码 
HtmlDecode(string) 消除 对 特殊 字符 串 编码 的 影响 
MapPath( path) 将 参数 path 指定 的 虚拟 路 径 转换 成 实际 路 径 
Transfer(Curl) 结束 当前 页 的 程序 ,然后 执行 参数 url 指定 的 程序 
UrlEncode( string) 对 string 进行 URL 编码 
UrlDecode(string) 对 路 径 字符 串 进行 解码 
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4.3.2 HTML 编码 和 解码 


Server 的 HtmlEncode 方法 将 对 字符 串 进行 编码 ,使 它 不 被 浏览 器 按 HTML 语法 进行 
解释 , 按 字符 串 原样 在 浏览 器 中 显示 。 当 不 希望 将 传送 的 字符 串 中 的 与 HTML 标记 相同 
的 字符 串 解释 为 HTML 标记 时 ,可 使 用 该 方法 。 

HtmlDecode 方法 的 功能 与 HtmlEncode 方法 刚好 相反 , 它 可 将 HTML 编码 字符 串 按 
HTML 语法 进行 解释 。UrlEncode 方法 对 URL 串 中 传送 的 特殊 字符 进行 编码 ,UrlDecode 
方法 则 进行 解码 返回 。 

在 HMTL 中 , “二 ”“ 二 ”“&” 等 符号 具有 特殊 的 含义 ,是 HTML 内 置 的 用 来 格式 化 
字符 的 一 些 标志 。 但 有 时 候 需要 在 Web 界面 上 输出 这 些 特殊 的 符号 , 那 应 该 如 何 输出 呢 ? 
这 时 就 可 使 用 HtmlEncode 方法 对 需要 在 浏览 器 中 显示 的 字符 串 进行 编码 ,当然 也 可 以 用 
HtmlDecode 方法 对 字符 先 编码 后 解码 。 

要 在 界面 上 输出 二 B 二 您 好 二 /B 二 ”, 如 果 直 接 在 源码 中 这 样 写 ,那么 在 界面 上 显示 出 
来 的 是 对 "您 好 ”加 粗 的 效果 了 光一 B> ”与 “二 /B 二 ”并 没有 显示 出 来 ,因为 它们 已 经 被 浏览 


器 解释 为 加 粗 的 标记 。 
【 例 4. 10〗 界面 上 显示 "一 B 二 您 好 二 /B 二 ”。 
对 字符 编码 : 


protected override void MInit (EventArgs e) 
{ 
Response.Write (Server.HtmlEncode ("<B > 您 好 < /B >")); 


实际 上 ,编码 就 是 对 特殊 字符 进行 了 编码 ,例如 : 
“<B 二 ” 变 成 了 “&lt;B&.gt;”， 

“</B>>” 变 成 了 “& lt;/B&gt;”， 

对 字符 先 编码 后 解码 的 效果 

protected override void MInit (EventArgs e) 


{ 
Response .Write (Server.HtmlDecode ( (Server.HtmlEncode (< B > 您 好 < /B >")))); 


注意 : HtmlDecode 和 HtmlEncode 是 HttpServerUtility 实例 下 的 方法 ,使 用 前 请 引用 
命名 空间 System. Web。 


4.3.3 URL 编码 和 解码 
与 HTML 类 似 , 对 URL 串 也 可 以 进行 编码 和 解码 。 例 如 ,在 浏览 器 中 使 用 GET 方法 
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传送 数据 到 服务 器 时 ,被 传送 的 表单 变量 值 将 附 在 URL 之 后 ,并 在 浏览 器 的 地 址 栏 中 显示 
出 来 ,此 时 被 传送 串 中 的 特殊 字符 ,如 空格 .中 文 等 都 被 进行 了 URL 编码 。URL 编码 保证 
了 从 浏览 器 中 提交 的 文本 能 够 正确 传输 。 利 用 UrlEncode 方法 可 以 测试 URL 编码 的 
结果 。 

ASP.NET 是 利用 Server 下 的 UrlEncode 方法 与 UrlDncode 方法 来 对 Url 进行 编码 
和 解码 的 。 


格式 如 下 : 

Server.UrlEncode (string s) // 对 串 s 进 行 Ul 编码 

Server.UrlDncode (string s) // 对 串 s 进 行 Url 解码 

、 UrlEncode 把 空格 编码 为 “十 ”, 不 会 对 A~Z、a~z、0~9、 ES 


、“(”、“)” 和 “\” 等 这 些 字符 编码 ,因为 这 些 字符 被 认为 是 安全 的 字符 ， 其 他 的 字符 就 会 
被 编码 成 以 “%” 开 头 的 十 六 进 制 的 字符 。 
【 例 4.11】 对 汉字 “您 好 ”进行 编码 。 
代码 如 下 。 
Protected overrige void MInit (EventArgs e) 
Response.Write (Server.UrlEncode ("您 好 ")); 
} 


输出 : 
%e6%82%a8sessass bd 


现 将 上 面 编码 后 的 字符 解码 。 
代码 如 下 。 


protected override void MInit (EventArgs e) 
{ 
Response.Write (Server .UrlDecode ("%e6%82%a8%e5%a58%bd"))7 


这 就 说 明 , 有 时 在 网 上 下 载 文件 ,在 网 站 上 看 到 的 文件 名 是 正常 的 ,但 在 保存 提示 框 中 显示 
的 文件 名 却 是 乱码 ,这 就 是 没有 对 文件 名 进行 编码 的 原因 。 

注意 : 不 要 对 整个 Url 地 址 进行 编码 。 

例如 : 

Protecteq void Buttonl Click(cbject sender,EventArgs e) 


和 
Response.Redirect (Server.UrlEncoge (™)); 


183 一 一 一 一 一 一 


《ASP.NET 动态 网 站 设计 教程 (第 2 版 ) 一 一 基于 C#+SQL Server 2008》 


这 样 ,浏览 器 就 识别 不 到 Url 地 址 ,因为 Url 地 址 已 经 被 编码 成 别 的 字符 串 了 。 

2. 字符 “# ”不 会 被 编码 

字符 “# ”不 会 被 编码 ,因为 *#” 在 Url 中 代表 的 是 锚 点 ,有 特殊 意义 , 它 会 截断 Url 中 
字符 “# ”右边 的 字符 ,“# ?字符 右边 的 字符 不 会 发 送 到 服务 器 端 ,右边 的 字符 主要 用 来 让 浏 
览 器 定义 到 网 页 中 定义 锚 点 的 位 置 。 所 以 , 除 锚 点 功能 外 ,一 般 不 要 在 Url 中 将 # ”作为 参 
数 传递 。 
4.3.4 执行 指定 程序 

Server 的 Execute 方法 和 Transfer 方法 都 可 以 让 服务 器 执行 指定 的 程序 。Execute 方 
法 类 似 于 高 级 语言 中 的 过 程 调用 , 它 将 程序 流程 转移 到 指定 的 程序 , 当 该 程序 执行 结束 后 ， 
流程 将 返回 到 原 程序 的 中 断 点 继续 执行 。 而 Transfer 方法 则 是 终止 当前 程序 的 执行 ,而 转 
去 执行 指定 的 程序 。 

1. Execute 方法 

格式 : 


server.execute ("文件 名 ") 


【 例 4.12】 Server 的 Execute 方法 的 使 用 。 
文件 1. asp 的 内 容 是 : 


0 以 RSP.NET 网 站 设计 教程 )" 
%> 

文本 文件 A. txt 的 内 容 是 : 
基础 篇 、 核 心 篇 、 实 战 篇 

a. asp 文件 的 内 容 是 : 


<% 
Server.execute ("1 .asp") 
response.write "<br>" 
server.execute ("A.txt") 
%> 


执行 a. asp 文件 ,其 结果 为 : 


《aSP.NET 网 站 设计 教程 》 

基础 篇 ,核心 篇 .实战 篇 

2. Transfer 方法 

Server 的 Transfer 方法 有 以 下 特点 。 

(1) Server. Transfer 能 够 转 跳 到 本 地 虚拟 目录 指定 的 页 面 。 
(2) Server. Transfer 可 以 将 页 面 参 数 方便 地 传递 到 指定 页 面 。 
(3) Server. Transfer 只 能 切换 到 同 目录 或 者 子 目 录 的 网 页 。 
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(4) 当 用 Server. Transfer 跳 到 别 的 页 面 后 ,浏览 器 显示 的 地 址 不 会 改变 ,有 时 反而 会 
造成 误会 ,当然 也 有 些 场合 需要 这 样 的 效果 。 

(5) Server. Transfer 可 以 减少 客户 端 对 服务 器 的 请 求 。 

(6) Server. Transfer 可 以 隐藏 新 网 页 的 地 址 及 附带 在 地 址 后 边 的 参数 值 。 具 有 数据 保 
密 功 能 。 


实践 与 练习 
一 、 选 择 题 
1. 若 要 将 数据 由 服务 器 传送 至 浏览 器 ,可 使 用 的 方法 是 Ye 
A. Output B. Redirect C. Response D. Write 
2. 若 要 将 浏览 器 端 导 向 至 其 他 网 页 ,可 使 用 的 方法 是 ( 0 
A. Redirect B. Location C. Flush D. AppendToLog 


3. 下 列 哪 一 个 是 Cookie 的 缺点 ? ( 》 
A. 造成 浏览 器 端 有 潜在 的 安全 威胁 
B.Cookie 文件 的 内 容 不 太 容 易 看 懂 
C，Cookie 可 以 记录 对 象 .数组 等 复杂 的 数据 类 型 
D. Cookie 会 自动 消失 
4. 若 要 将 字符 串 进行 编码 ,不 会 使 浏览 器 解释 为 HTML 语法 ,可 使 用 的 方法 是 ( 》 


A. HTMLEncode B. URLEncode C. MapEncode D. ASPEncode 
5. 若 要 找 出 父 目 录 的 实际 路 径 , 可 使 用 下 列 哪 种 语法 ? ( ) 

A. Server. MapPath("/") B. Server. MapPath("./") 

C. Server. MapPath("../") D. Server. MapPath("//") 


6. 能 够 在 页 面 中 关闭 缓存 的 是 ( ) 。 
A. <%@Transaction=TRUE%>> B. Response. Buffer= True 


C. Response. Buffer=false D. Request. Querystring 
7. 下 列 不 属于 Response 对 象 的 方法 的 是 ( Vs 

A. Expires B. Flush C. Write D. Redirect 
8. 对 于 下 面 的 语句 ,执行 的 结果 是 ( hi 

< 

Response.Write(" 中 国 ") 

Response.End() 

Response.Write(" 你 好 ") 

务 > 

A. 中 国 你 好 B. 中 国 C. 你 好 D. 出 错 
9. Request. Form 读 取 的 数据 是 ( Na 

A. 以 Post 方式 发 送 的 数据 B. 以 Get 方式 发 送 的 数据 

C. 超级 链接 后 面 的 数据 D. 以 上 都 不 对 


10. Server 对 象 的 Execute 方法 和 Transfer 方法 的 区 别 是 ( Ws 
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A. 前 者 执行 完 调用 网 页 ,继续 执行 当前 页 面 .后 者 不 是 

B. 前 者 执行 完 调用 网 页 ,不 再 继续 执行 当前 页 面 ,后 者 不 是 
C. 前 者 转移 到 调用 的 网 页 ,执行 新 的 页 面 , 后 者 不 是 

D. 前 者 转移 到 调用 的 网 页 ,不 再 执行 当前 的 页 面 ,后 者 不 是 


11. 执行 下 列 语句 后 的 输出 结果 是 ( i 
Set Bc= Server.CreateCbject ("MSWC.BrowserType") 
Response.Write Bc.Browser & "<br>" 
A. 浏览 器 的 版 本 号 B. 浏览 器 的 名 称 
C. 服务 器 的 名 称 D. 服务 器 的 类 型 
二 、 填空 题 
1，Response. Write() 的 功能 是 向 浏览 器 信息 。 
2， Request. Form 和 Request. QueryString 对 应 的 是 Form 提交 时 的 两 种 不 同 提交 方 
法 ,分 别 是 方法 和 方法 。 
3. Server. MapPath("/") 或 者 获得 的 是 网 站 的 根 日 录 。 
4. 转移 到 新 网 页 的 语句 是 : 
Response. (新 网 页 的 URL"); 
5. 在 不 同 网 页 中 进行 同步 时 ,作为 子 表 的 网 页 应 该 利用 Request. () 方 法 获 


取 从 父 表 传 来 的 同步 参数 。 
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1 
2 
3 
4. 
5 
6 


、 简 答 与 程序 设计 


. Response 对 象 有 什么 功能 ? Response. Wrtie 和 document. write 有 什么 区 别 ? 
。 Request. Form 和 Request. QueryString 有 什么 异同 点 ? 
3. 如 何 获得 客户 端的 IP 地 址 ? 


Cookie 对 象 有 哪些 优 缺 点 ? 


. 编写 程序 获得 某 网 站 的 根 路 径 。 
.如何 编写 程序 向 浏览 器 写 信 Cookie 集合 ?如 何 从 浏览 器 端 读 取 Cookie 集合 ? 


第 5 章 ASP.NET 控件 


本 章 学 习 目 标 

。 掌握 ASP. NET 控件 的 分 类 。 

。 掌握 各 种 ASP.NET 常用 控件 使 用 方法 。 

。 掌握 各 种 ASP. NET 数据 验证 控件 使 用 方法 。 

。 熟悉 ASP. NET 站 点 导航 控件 使 用 方法 。 

。 掌握 如 何 使 用 各 种 ASP. NET 控件 实现 较为 复杂 的 网 页 设计 方法 。 

通过 本 章 的 学 习 读 者 将 掌握 各 种 ASP. NET 控件 的 基本 属性 、 方 法 和 可 以 响应 的 时 
间 。 本 章 还 将 学 习 各 种 ASP. NET 的 使 用 方法 。 

控件 是 对 数据 和 方法 的 封装 ,也 可 以 理解 为 是 一 个 可 重用 的 组 件 或 对 象 。 控 件 可 以 有 
自己 的 属性 .方法 和 可 以 响应 的 事件 。 而 ASP. NET 控件 是 一 种 服务 器 端 运行 的 组 件 , 服 
务 器 可 以 根据 客户 端 浏览 器 的 类 型 将 其 生成 适合 在 该 浏览 器 运行 的 HTML 标记 ,进而 在 
客户 端 显 示 在 ASP. NET 中 ,控件 分 成 HTML 服务 控件 和 Web 服务 控件 两 种 。 


5.1 HTML 控件 


HTML 服务 器 控件 属于 HTML 元 素 ,包含 多 种 属性 可 以 在 服务 器 代码 中 进行 编程 。 
默认 情况 下 ,服务 器 上 无 法 使 用 ASP. NET 网 页 中 的 HTML 元 素 , 而 且 这 些 元 素 将 被 视 为 
不 透明 文本 并 传递 给 浏览 器 。 但 是 ,可 以 通过 将 HTML 元 素 转 换 为 HTML 服务 器 控件 ， 
将 其 公开 为 可 在 服务 器 上 编程 的 元 素 。 

HTML 控件 是 在 ASP. NET 中 对 象 化 的 HTML 元 素 , 从 基 类 直接 或 间接 派生 的 类 ,都 直 
接 映 射 到 HTML 元 素 上 。HTML 控件 由 HTML 标记 衍生 而 来 ,在 外 形 上 与 普通 的 HTML 标 
记 相 同 。 默 认 情 况 下 ,HTML 控件 属于 客户 端 控件 ,服务 器 只 将 其 视 为 文本 ,不 处 理 其 事件 。 

但 是 ,为 了 适应 ASP. NET 应 用 的 需要 ,可 以 将 HTML 控件 转换 成 HTML 服务 器 控 
件 , 几 乎 所 有 的 HTML 控件 标记 加 上 runat="server" 属 性 后 ,都 可 以 变 成 HTML 服务 器 
控件 ,成 为 Page 类 的 成 员 对 象 ,可 以 在 后 台 代 码 中 通过 对 其 id 属性 的 访问 ,从 而 在 服务 器 
端 对 它们 进行 编程 和 处 理 。 

因此 ,HTML 控件 的 定义 与 应 用 方法 和 HTML 标记 类 似 ,只 是 需要 设置 id 和 runat 属 
性 。HTML 控件 的 id 属性 用 于 代表 HTML 控件 的 名 称 。HTML 控件 的 runat 属性 用 于 
代表 HTML 控件 为 服务 器 端 控件 ,其 值 为 “server”, 即 runat 一 "server" 。 


5.1.1 表格 


表格 在 网 页 设计 中 是 用 得 最 多 的 元 素 , 大 多 数 的 网 页 都 是 使 用 表格 来 组 织 的 。 利 用 表格 
来 组 织 网 页 内 容 , 可 以 设计 出 布局 合理 、 结 构 协 调 、 美 观 匀 称 的 网 页 。 表 格 是 由 行 和 列 构成 的 ， 
所 以 ,表格 对 象 中 还 包含 行 和 列 对 象 。 在 设计 网 页 的 时 候 可 以 将 文本 、` 图 像 . 多 媒体 , 超 链 接 等 
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许多 网 页 元 素 放 置 到 表格 中 进行 布局 .定位 ,从 而 让 设计 出 的 网 页 能 够 达到 排版 精美 。 


1. 建立 表格 


建立 表格 的 基本 源 代码 为 : 


<table 属性 =" 值 > 
< /table> 


该 代码 的 功能 是 建立 一 个 空 的 表格 ,用 不 同 的 属性 值 可 以 指定 表格 的 外 观 。 在 使 用 该 
代码 的 时 候 不 会 在 浏览 器 中 看 到 表格 ,只 有 在 添加 了 具体 的 行 、 列 后 才 可 以 看 到 。 
表格 标记 常用 的 属性 如 表 5. 1 所 示 。 


表 5.1 表格 标记 常用 属性 


属 性 功 能 
border= "size" 设置 表格 边框 大 小 
width= "size 设置 表格 的 宽度 (像素 或 百分比 ) 
height= "size” 设置 表格 的 高 度 (像素 或 百分比 ) 
cellspacing 一 "size" 设置 单元 格 间距 
cellpadding 一 "size" 设置 单元 格 的 填充 距 
background="URL" 设置 表格 背景 图 像 
bgcolor= "colorvalue" 设置 表格 背景 色 


align= "alignstyle" 


设置 对 齐 方式 ,alignstyle 可 取 值 为 left( 左 对 齐 )、center( 居 中 ) 和 right( 右 对 
齐 ) 值 之 一 


cols= "size" 


2. 表格 对 象 


设置 表格 的 列 数 


HTML 中 ,表格 对 象 主要 由 一 table 之 和 二 /table 二 .一 tr 过 和 二/tr 二 以 及 二 td 二 和 


二 /td 二 标记 符 来 定义 。 


去 table 二 用 来 定义 一 个 表格 的 开始 ,过 /table 之 则 定义 表格 的 结 


东 ; 二 tr 二 定义 一 行 的 开始 ,二 /tr 二 则 定义 行 结束 ; 二 td 二 定义 单元 格 的 开始 ,二 /td 二 定义 
单元 格 的 结束 。 每 个 标记 符 都 有 一 些 控 制 属性 。 

1) 二 table 二 标记 的 属性 

在 浏览 器 显示 表格 时 ,表格 的 整体 外 观 是 由 二 table 二 标记 的 属性 决定 的 。 二 table 二 标 
记 的 主要 属性 如 表 5. 2 所 示 。 


表 5.2 一 table 二 标记 的 属性 


属性 名 称 属 性 值 功 能 
BORDER size 设置 表格 边框 大 小 
WIDTH size 设置 表格 宽度 
HEIGHT size 设置 表格 高 度 
CELLSPACING size 设置 单元 格 间 距 
CELLPADDING size 设置 单元 格 的 填充 距 
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续 表 
属性 名 称 属 性 值 功 能 
BACKGROUND URL 设置 表格 的 背景 图 像 
BGCOLOR color 设置 表格 的 背景 颜色 
2) 二 tr 二 标记 的 属性 
二 tr 二 标记 的 属性 如 表 5. 3 所 示 。 
表 5.3 一 tr 二 标记 的 属性 
属性 名 称 属 性 值 功 能 
ALIGN left, right, center 设置 行 对齐 方 式 
VALIGN topymiddle,bottom,baseline 设置 行 中 单元 格 的 垂直 对 齐 方式 
BGCOLOR color 设置 单元 格 的 背景 颜色 
BORDERCOLOR color 设置 单元 格 的 边框 颜色 


3) 二 td 盖 标记 的 属性 
为 了 能 定制 表格 的 单元 格 , 二 td 二 标记 的 一 些 属性 可 以 完成 表格 中 单元 格 的 定制 作用 。 
二 td 标 记 的 常用 属性 如 表 5. 4 所 示 。 


表 5.4 一 td 一 标记 的 常用 属性 


属性 名 称 属 性 值 功 能 
ROWSPAN num 设置 单元 格 所 占 的 行 数 
COLSPAN num 设置 单元 格 所 占 的 列 数 


3. 表格 (table) 控 件 

table 控件 在 工具 箱 的 “标准 ”列表 选项 中 ,如 图 5. 1 所 示 。 

HTML 控件 不 是 服务 器 控件 ,对 以 上 的 table 控件 ,如 果 选 择 表格 右 击 可 以 选择 将 它 转 
化 为 服务 器 控件 ,同样 如 果 选 择 单 元 格 后 右 击 也 可 以 选择 将 单元 格 转换 成 服务 器 控件 ,如 
图 5.2 所 示 。 


区 mo 
样式 G) 
EE 9? 
ER | 括 入 a) » 
NN 措 秆 删除 0) » 
A Label 选择 G) » 
调整 大 小 B) » 
图 ImageMap 国会 # 间 NM 
回 Table EE 
图 5.1 table 控件 图 5.2 表格 转化 为 服务 器 控件 
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1) 服务 端 表 格 控件 的 用 法 

table 控件 在 工具 箱 的 “标准 ”列表 选项 中 ,初次 拖 动 服务 器 控件 到 设计 页 面 时 出 现 
“####” 是 因为 该 表格 还 没有 行 和 列 。table 属性 是 在 程序 中 引用 表格 所 使 用 的 名 字 ,rows 
属性 是 表格 的 行 集合 , 它 包含 整个 表格 的 所 有 行 ,如 图 5. 3 所 示 。 


TableRow 集合 编辑 器 


必 丛 趾 国 ] z | 四 


Font 
ForeColor 
GridLines None 

六 1 Height 48px | 

牛人 o HorizontalAli¢ NotSet 上 
作 旬 ”加 

Yr SkinID 二 
于 表格 的 行 对 象 


图 5.3 table 控件 行 集合 编辑 器 


注意 : 行 集合 编辑 器 包含 表格 的 行 对 象 。 

2) 向 服务 器 表格 控件 添加 行 和 列 的 步骤 

(1) 拖 动 一 个 服务 器 控件 到 设计 页 面 。 

(2) 在 表格 属性 框 中 找到 rows 属性 , 单 击 进入 TableRow 编辑 器 ,每 单 击 “ 添 加 ”按钮 
一 次 就 为 表格 添加 一 行 , 单 击 三 次 就 添加 三 行 ,如 图 5.4 所 示 。 


TableRow 集合 编辑 器 


TableRow 属性 FF); 
O|TableRow 
1|TsbleRon 
2 


ForeColor 

日 行为 
Enabled True 
EnableThening True 


EnableViewStat True 


SkinID 

ToolTip 

Visible True 
日 杂项 

CD) 


应 加 避 ) calls follection) 


图 5.4 TableRow 集合 编辑 器 


(3) 选择 Cells 属性 , 单 击 进入 TableCell 集合 编辑 器 ,如 图 5.5 所 示 。 

选择 第 一 行 , 再 单 击 “添加 ?按钮 4 次 ,为 第 一 行 添加 4 个 单元 格 , 用 同样 的 方法 也 为 其 
他 行 添 加 4 个 单元 格 , 然 后 单 击 “ 确 定 ” 按 钮 .看 到 一 个 有 3 行 4 列 的 表格 。 通 过 改变 Text 
属性 来 改变 显示 在 单元 格 中 的 文字 ,如 图 5.6 所 示 。 


5.1.2 表单 


在 网 页 上 经 常会 遇 到 填写 注册 信息 的 一 类 界面 ,如 用 户 的 注册 信息 表 、 调 查 表 、 投 票 . 查 
询 信息 等 ,这 些 功 能 都 必须 通过 利用 表单 对 象 来 实现 。 
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TableCell 集合 编辑 器 


成 员 0) 

0| TsbleCell 
1| TableCell 
2|TsbleCell 
3 


BorderColor 
BorderStyle 
BorderWidth 
ColunnSpan 
CssClass 
Font 
ForeColor 
Text 


图 5.5 TableCell 集 合 编辑 器 


a | [第 1 行 第 3 单元 格 ED 


一 ll I 


图 5.6 创建 成 功 的 表格 


1. 表单 的 创建 
表单 标记 格式 为 FORM> 与 /FORM 。 二 FORM>> 与 一 /FORM> 二 中 包含 很 多 控 


件 来 实现 整个 表单 的 交互 功能 ,另外 二 FORM> 与 一 /FORM 二 还 有 很 多 属性 来 协助 完成 交 
互 功能 ,如 表 5. 5 所 示 。 


表 5.5 表单 属性 
属性 名 称 属 性 值 功 能 
ACTION URL 设置 处 理 表 单 的 程序 
METHOD post, get 设置 发 送 表 单 的 HTTP 方法 
ENCTYPE contentType 设置 发 送 表 单 的 内 容 属性 
TARGET frametarget 设置 显示 表单 内 容 的 窗口 
ONSUBMIT Script 设置 被 发 送 的 事件 


ASP. NET 在 创建 表单 程序 时 ,可 以 使 用 的 对 象 分 为 HTML 元 素 、HTML 服务 器 
控件 .Web 服务 器 控件 (ASP. NET 服务 器 控件 )。 以 文本 框 为 例 , 它 们 的 语法 标记 分 别 
如 不。 

(1) HTML 元 素 : 过 input type 一 "text" id 一 ”MyText "> 

(2) HTML 服务 器 控件 : 二 input type 二 "text" id 一"MyText" runat 二 "server" 祖 

(3) Web 服务 器 控件 : 二 asp:TextBox id 二 "Mytext" runat 二 "server"/ 祖 
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可 以 看 出 服务 器 控件 都 具有 runat 二 "server" 标 记 , 代 表 在 服 
务 器 端 执行 。 

ASP.NET 引入 了 Web 表单 的 概念 。 从 代码 上 看 , Web 表 
单 和 HTML 表单 并 没有 多 大 的 区 别 , 它 们 都 是 用 二 form 之 与 
二 /form> 标 记 来 表示 ,但 在 具体 的 处 理 上 两 者 有 很 大 的 不 同 ， 
HTML 表单 只 包含 表单 内 部 控件 和 相应 的 布局 信息 ,而 Web 表 
单 中 则 包含 表单 内 部 控件 .相应 的 布局 信息 及 数据 提交 后 的 数据 
处 理 代码 。 

2. 表单 控件 

在 二 FORM> 与 一 /FORM>> 之 间 可 以 根据 需求 插入 各 种 表 
单 控件 ,它们 通常 的 格式 是 : 

<input type= "控件 类 型 " id "表单 控件 的 刘 值 "> 

在 Visual Studio .NET 中 ,在 工具 箱 的 HTML 选项 卡 中 可 
以 看 到 很 多 HTML 控件 ,如 图 5.7 所 示 。 

其 中 ,每 个 控件 的 具体 作用 如 表 5.6 所 示 。 


口 Input (Button) 
区 input (Reset) 

戎 mput (Submig 
Eee Input (Text) 
Input (File) 

Input (Password) 
Input (Checkbox) 
© Input (Radio) 

2 Input (Hidden) 


图 5.7 


[ma ees) 


HTML 选项 卡 


表 5.6 控件 的 具体 作用 

控件 名 称 表示 方法 作 用 
Input(Button) INPUT type= "button" 建立 按钮 
Input(Submit) INPUT type= "submit" 建立 “提交 ”按钮 
Input(Reset) INPUT type="reset" 建立 * 重 置 "按钮 
Input(CheckBox) INPUT type="checkbox" 建立 复 选 框 
Lnput(Radio) INPUT type="radio" 建立 单 选 框 
LaputCHididen) INPUT type="hidden " 建立 隐藏 项 
InputCText) INPUT type= "text " 建立 单行 文本 输入 框 
Input(Password) INPUT type 一 "password" 建立 密码 
Select SELECT 建立 多 重 选择 框 


3. 表单 控件 的 用 法 


(1) Input(Button) 控 件 的 用 法 如 下 : 


<input id " id 值 " type= "button" name= "域名 称 " value= " 值 喧 


注意 : value 王 " 值 " 中 的 值 既 是 该 按钮 上 显示 的 文字 (标题 ) ,又 是 按 下 时 传送 到 服务 程 


序 的 值 。 
(2) Input(Submit) 控 件 的 用 法 如 下 : 
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<input ig=" id 值 " type=" Submit" name= "域名 称 " valus= " 值 
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注意 : Input(Submit) 控 件 与 Input(Button) 控 件 一 样 是 一 个 按钮 ,不 过 该 控件 是 “ 提 
交 ” 按 钮 , 当 单 击 此 按钮 后 ,表单 将 会 把 当前 获得 信息 以 method 指定 的 方法 完全 地 传送 到 
action 指定 的 程序 当中 。 

(3) Input(Reset) 控 件 的 用 法 如 下 : 

<input id=" id 值 " type=" Reset" name=" 域 名 称 " value=" 值 "> 

注意 : Input(Reset) 控 件 与 Input(Button) 控 件 一 样 是 一 个 按钮 ,不 过 该 控件 是 “ 重 置 ” 
按钮 , 单 击 该 按钮 后 ,表单 中 的 值 将 会 恢复 到 初始 状态 。 

(4) Input(CheckBox) 控 件 被 选中 时 的 用 法 如 下 : 

<input id=" id 值 " type=" CheckBox" name= "域名 称 " value= " 值 " checked> 

注意 : value 所 设置 的 值 是 该 复 选 框 被 选中 时 ,传送 到 action 指定 的 程序 的 值 ;Checked 
表示 有 该 项 则 这 个 值 就 是 复 选 框 的 初始 值 。 

(5) Input(Radio) 控 件 的 用 法 如 下 : 

<input id " id 值 " type=" Radio" name=" 域 名称" value= " 值 " checked > 

注意 : 该 控件 与 Input(CheckBox) 控 件 各 属性 的 意义 基本 相同 ,不 同 的 是 该 控件 所 有 
选项 要 有 共同 的 name, 即 name 相同 value 不 同 , 此 外 该 控件 的 Checked 只 能 有 一 个 。 

(6) Input(Hidden) 控 件 的 用 法 如 下 : 

<input id=" id 值 " type=" Hidden" name= "域名 称 " value= " 值 咱 

注意 : 该 控件 的 内 容 会 被 隐藏 起 来 ,一 般 用 来 以 隐藏 的 方式 给 服务 器 传送 信息 。 

(7) Input(CText) 控 件 的 用 法 如 下 ， 

<input id=" id 值 " type=" Text" name= "域名 称 " value= 呈 认 值 " maxlength= " 值 " 

size= 哈 吃 

注意 : value 值 为 该 控件 在 预 留 的 文字 ;maxlength 用 来 确定 文本 框 中 所 能 输入 字符 串 
的 最 大 长 度 ;size 用 来 确定 文本 框 要 显示 的 宽度 。 

(8) Input(Password) 控 件 的 用 法 如 下 : 

< input id " id 值 " type=" Password" name=" 域 名称" value= 呐 认 值 " maxlength= " 值 " size= " 值 必 

注意 : 该 控件 是 一 个 特殊 的 单行 文本 框 ,与 Input(Text) 控 件 的 属性 基本 相同 ,不 同 的 
是 该 控件 在 显示 的 时 候 以 “* ”来 显示 键盘 输入 。 

(9) Select 控件 的 用 法 如 下 : 

<Select id=" id 值 " type=" Reset" name= "域名 称 " size= " 值 " multiple>y < /select> 

注意 : size 用 来 设置 选择 框 能 够 显示 的 行 数 ;multiple 用 来 设置 是 否 为 多 重 选 择 框 。 此 
外 选择 项 需要 在 二 Select> 与 二 /Select 二 之 间 输 入 。 

4. 表单 控件 的 事件 

各 类 表单 控件 的 事件 如 表 5. 7 所 示 。 

表 5.7 各 类 表单 控件 的 事件 
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名 称 事 件 说 明 
Input(Button) 
Input(Submit) OnClick 在 单 击 按钮 时 发 生 
Input(Reset) 
petchekaon Us 在 和 这 人 但 到 人 点 时 人 和 
Input(Radio) OnClick 在 单 击 单 选 框 时 发 生 
OnClick 在 单 击 单行 文本 框 时 发 生 
Input(Text) OnFocus 在 单行 文本 框 得 到 焦点 时 发 生 
OnChange 在 单行 文本 框 内 容 发 生变 化 时 发 生 


【 例 5.1】 设计 一 个 用 户 注 册 表 用 来 说 明 表单 各 控件 的 使 用 方法 。 

设计 步骤 如 下 。 

步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 biaodan. aspx。 
步骤 2 按照 如 图 5.8 所 示 进 行 页 面 设计 。 


FF 
用 户 注册 表 日 

用 户 名 ， 

码 ， 
性 别 ， 回 男 © 女 
年 龄 ， 10 岁 -20 岁 eb 
加 职业 回 学 生 | 回 职员 | 回 工 人 回 无 业 
联系 地 址 ， 


图 5.8 表单 设计 页 面 


步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

Input(Text) 控 件 , 用 来 设置 用 户 名 和 联系 地 址 ;Input(Password) 控 件 ,用 来 设置 密码 ; 
Input(Radio) 控 件 , 用 来 设置 性 别 ;Input(CheckBox) 控 件 , 用 来 设置 职业 ;Select 控件 ,用 来 
设置 年 龄 ;Input(Submit) 控 件 ,用 来 设置 “提交 ”按钮 ;Input(Reset) 控 件 , 用 来 设置 “ 重 置 ” 
按钮 。 

源 视图 代码 如 下 。 
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< %QPage Ianguage= "CH " AutoEventWireup= "true" CodeFile= "biaodan.aspx.cs" 
Inherits= "webl biaodan" %> 
< !IDOCTYPE html PUBLIC " //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DID/xhtml1— transitional .dtd"> 
< html xmlns= "http://www.w3.0rg/1999/zhtml™" > 
< head runat= "server"™> 
<title> 表 单 < /title> 
< /head> 
<body> 
< fom id= "foml" runat= "server"> 
<div> 
grbsp; Sribsp; gnbsp; gribsp; gnibsp; Enbsp; Sribsp; énibsp; &ribsp; &ribsp; 
grnbsp; snbsp; gribsp; snbsp; snbsp; gnibsp; gnbsp; 用 户 注册 表 <br /> 
< table style= "width: 784px;height: 416px" border= "1" > 
<tr> 
<td style= "width: 2px;height: 12px"> 
用 户 名 :< /to> 
<td style= "width: 46rx;height: 12px"> 
< input id= "Textl" type= "text" /> < /td> 
</tr> 
<tr> 
<td style= "width: 2px"> 
密 码 :</td> 
<td style= "width: 46px"> 
< input id= "Passwordl" type= "password" /> < /td> 
</tr> 
<tr> 
<td style= "width: 2px"> 
性 别 :</td> 
<td style= "width: 46px"> 
< input idF "Radiol" checked= "checked" name= "xb" type= "radio" /> 男 grbsp; grbsp; Sribep; &ribep;< 
irput ide "Fadicp" nare= "wb" type= "radio" /> 


女 </td> 
< /tr> 
<tr> 
<taq style= "width: 2rx;height: Spx"> 
年 、 龄 :< /to> 


<td style= "width: 46rx;height: Spx"> 
< select idF "Select1" name= "xb" style= "width: 104px"> 
< option selected= "selected" value= "10 岁 -20 岁 "> 
10 岁 -20 岁 < /opticn> 
<cption value="30 岁 ">30 岁 < /cption> 
< cption value="40 岁 "> 40 岁 < /cption> 
< cption value="50 岁 以 上 "> 50 岁 以 上 < /opticn> 
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< option> < /aption> 
< aption> < /aption> 
< /select> 
< /td> 
< /tr> 
<tr> 
< td style= "width: 2px;height: 3px"> 
职 业 </td> 
<td style= "width: 46px;height: 3px"> 
< input id- "Checkboxl" type= "checkbox" /> 学 生 
< input id= "Checkbox2" type= "checkbox" /> 职员 
< input id= "Checkbox3" type= "checkbox" /> 工人 
< input id= "Checkbox4" type= "checkbox" /> 无 业 < /td> 
< /tr> 
<tr> 
<td style= "width: 2px"> 
联系 地 址 :< /td> 
<td style= "width: 46rx"> 
< irput icF "Txt2" style= "width: 27Ar" type= "text" />< /td> 
</tr> 
< /table> 
< /div> 
<br /> 
gnibsp; gnibsp; gnbsp; gnbsp; gnbsp; gnbsp; Enbsp; 
< input id= "Submitl" type= "submit" value= "提交 " /> 
nbsp; gnibsp; gnbsp; gnbsp; gnbsp; nbsp; Enbsp; 
< input id= "Resetl" type= "reset" value=" 重 置 " /> 
< /fom> 
< /body> 
< /hbn> 


运行 结果 如 图 5.9 所 示 。 
s.1.3 图 像 


网 页 是 一 个 超 文本 的 集合 ,在 网 页 中 除了 可 以 显示 文字 内 容 外 ,图 像 的 显示 也 很 重要 ， 
在 网 页 中 适当 地 添加 图 片 .视频 .声音 .Flash 动画 等 ,可 以 使 网 页 更 美观 。 

图 像 有 多 种 格式 ,可 用 于 网 页 上 的 有 如 下 几 种 。 

(1) jpg(jepg) 图 像 : 是 一 种 有 损 压 缩 格式 ,可 将 普通 的 bmp 位 图 压缩 到 原来 的 1/10 到 
几 十 分 之 一 ,支持 24 位 真 彩色 ,在 中 等 质量 (50% ~ 70% 原 图 质量 ) 情 况 下 ,其 图 像 失真 不 易 
被 察觉 ,背景 不 可 透明 。 

(2) gif 图像 : 无 损 图 像 压 缩 格式 ,但 只 支持 8 位 (256 种 颜色 ),gif 图像 可 以 以 帧 形式 
形成 动画 并 且 支 持 背 景色 为 透明 的 。 

(3) swf 电影 : 矢量 压缩 动画 ,支持 任意 色 和 动画 ,可 以 用 HTML 标记 设置 成 透明 
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讶 码 ， | eeeeeee 

性 别 ， @ 男 @ 女 

睾 龄 : 40 岁 辑 

原 亚 回 学 生 回 职员 国 工人 回 无 业 


眶 系 地 址 ， ||sdfghgjfgfgl 


图 5.9 表单 控件 运行 结果 界面 


背景 。 

(4) bmp 图 像 : 无 损 非 压缩 图 像 , 支 持 任意 色彩 ,图 像 还 原 好 ,但 尺寸 太 大 ,不 宜 用 于 网 
页 让 

(5) png 图 像 : 无 损 压缩 格式 . 受 浏览 器 限制 ,不 宜 采 用 。 

建议 除非 需要 ,尽量 采用 前 三 种 格式 的 图 像 , 而 在 网 页 中 添加 图 主要 有 以 下 几 种 。 

1. 添加 网 页 背景 图 

网 页 背景 图 一 般 都 会 自动 平 铺 ,而 且 一 个 网 页 中 只 能 插入 一 个 背景 图 。 在 ASP. NET 
中 插入 背景 图 的 方法 是 : 在 设计 视图 属性 栏 中 选择 style, 单 击 后 面 的 省 略 号 就 会 弹出 一 个 
“样式 生成 器 "对话 框 ,在 里 面 选择 “背景 ">“ 背 景 图片 ”, 单 击 “ 浏 览 ” 按 钮 选择 图 片 就 可 以 
了 ,如 图 5. 10 所 示 。 

2. 插入 图 像 

在 网 页 中 插入 图 片 可 以 在 所 要 插入 图 片 的 位 置 单 击 所 属 单元 格 , 在 设计 视图 属性 栏 中 
选择 style, 单 击 后 面 的 省 略 号 就 会 弹出 一 个 “样式 生成 器 ”对话 框 ,在 里 面 选择 “背景 "~”“ 表 
景 图 像 ”, 或 者 在 源 视图 代码 中 找到 具体 位 置 输入 : 


< table style= "background- image:ur1(' 图 片 路 径 及 文件 名 ') 吃 
* EE 
<to> 12x /td 
< 
< /table> 


3. 插入 Flash 动画 
在 网 页 中 插入 Flash 动画 可 以 在 源 视图 代码 中 输入 如 下 代码 。 


< object style= "width: 482px;height: 154px"> 
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移 # 体 背景 色 
EE 碾 色 (QO: ~- 四 
蛤 文本 适 明 (R) 
直人 有 及 到 你 
定局 EO: 国 
田 边 委 | 一 一 一 一 一 一 一 一 一 一 + 
= 列表 
区 这 动 (S): ~ 
位置 
水 下: | 
委 直 : 可 | 
加 不 使 用 兴 晴 图 保 (D) 
示例 文本 图 
= 


图 5.10 样式 生成 器 
< enbed src= "flash 文 件 地 址 及 文件 名 " quality= "high" width= "482" height= 
"166" align= "middlen 


allowscriptaccess= "sameDorain" type= "application/x- shocdwave- flash"> 
< /erbed> 


< /cbject> 


5.2 常用 控件 
5.2.1 Label 控件 


Label 控件 又 被 称 作 标签 控件 ,主要 用 于 显示 文本 信息 。 需 要 注意 的 是 ,如 果 想 要 显示 
静态 文本 可 以 直接 通过 使 用 HTML 控件 进行 显示 。 而 需要 在 服务 器 代码 中 对 文本 内 容 和 


其 他 特性 进行 更 改 的 时 候 才 使 用 Label 控件 。 在 ASP. NET 网 页 中 显示 处 于 编程 控制 下 的 
文本 , 才 使 用 Label 控件 。 


Label 标签 控件 的 定义 语法 为 : 


<asp:Iabel id= "labell" runat= "server" > 输出 的 文本 < /asp:Iabel> 


<asp:Label ic "labell" runat= "server" Text= "输出 的 文本 " /> 
1. 属性 
Label 控件 的 常用 属性 及 说 明 如 表 5. 8 所 示 。 


表 5.8 Label 控件 常用 属性 及 说 明 
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属 性 说 明 属 性 说 明 
ID 控件 的 ID 名 称 CssClass 控件 呈现 的 样式 
Text 控件 显示 的 文本 BackColor 控件 的 背景 颜色 
Width 控件 的 宽度 Enabled 控件 是 否 可 用 
Visible 控件 是 否 可 见 


下 面 详 细 介绍 Label 控件 的 一 些 重 要 属性 。 

1) ID 属性 

ID 属性 是 唯一 用 来 标识 Label 控件 的 ,在 编程 过 程 中 可 以 利用 ID 属性 调用 该 控件 的 
属性 、 方 法 和 事件 。 可 通过 “属性 ”面板 对 ID 属性 进行 设置 ,如 图 5. 11 所 示 。 


“ Default aspx. cs Default. aspx* 


Labell Systen Web. UT. WebControls. Labe: 
Wan Be - 
(Expressions) a 
On) Labell 
AccessKey 
AssociatedControl 
BackColor 国 errsooo 
BorderColor i lune 
BorderStyle NotSet 
BorderWidth 
stylecs 
Enabled True 


EnableThening 。 True 
EnableViewState True 


国 Font 宋体 ，9pt 
ForeColor i lack 
Height 13px 
SkinID 
TabIndex 0 
Text Label 示 例 


马 设 计 | 回调 | 门 [aaa | Fi 
图 5.11 Label 控件 属性 设置 


注意 : Label 控件 的 属性 设置 也 可 以 通过 HTML 代码 实现 ,实现 代码 如 下 。 


< asp:Label ID= "Labell" runat= "server" Text= "Iabel 控件 实例 " 
BackColor= "# FF8000" BorderColor= "Blue" 
CssClass= "stylecs.css" Font- Names= "异体 " Font- Size= "9pt" 
ForeColor= "Black" Height= "3lpxr Width= "47px"> 
< /asp:Label> 
2) Text 属性 
Text 属性 用 来 设置 Label 控件 所 显示 的 文本 内 容 。 
3) CssClass 属性 
在 设置 Label 控件 的 CssClass 属性 前 ,首先 要 在 网 站 HTML 设计 页 的 “二 head 
二 /head 宇 ” 节 中 编写 如 下 代码 。 


< link href- "stylecs.css" rel= "stylesheet" type= "text/css"/> 


然后 在 “属性 ”面板 中 设置 控件 CssClass 属性 为 stylecs(stylecs 为 样式 名 ) 。 
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2. 方法 
Label 控件 常用 方法 及 说 明 如 表 5.9 所 示 。 


表 5.9 Label 控件 常用 方法 及 说 明 


方 法 说 明 

0 将 指定 样式 的 所 有 非 空 白 元 素 复制 到 Web 控件 ,改写 控件 的 所 有 现 有 的 
样式 元 素 

ApplyStyleSheetSkin 将 页 样式 表 中 定义 的 样式 属性 应 用 到 控件 

Gp base 将 Style 对 象 未 封装 的 属性 从 指定 的 Web 服务 器 控件 复制 到 从 中 调用 此 
方法 的 Web 服务 器 控件 

DataBind 将 数据 源 绑 定 到 被 调用 的 服务 器 控件 及 其 所 有 子 控件 

Focus 为 控件 设置 输入 焦点 

Dispose 使 服务 器 控件 得 以 在 从 内 存 中 释放 之 前 执行 最 后 的 清理 操作 

Equals 确定 两 个 Object 实例 是 否 相等 

FindControl 在 当前 的 命名 容器 中 搜索 指定 的 控件 ID 

GetHashCode 用 作 特 定 类 型 的 散 列 函数 

GetType 获取 当前 实例 的 Type 

HasControls 确定 服务 器 控件 是 否 包含 任何 子 控件 

Merpediite 将 指定 样式 的 所 有 非 空白 元 素 复 制 到 Web 控件 ,但 不 改写 该 控件 现 有 的 
任何 样式 元 素 

ReferenceEquals 确定 指定 的 Object 实例 是 否 相 等 的 实例 

RenderBeginTag 将 控件 的 HTML 开始 标记 呈现 到 指定 的 编写 器 中 

RenderControl 输出 服务 器 控件 内 容 . 并 存储 有 关 此 控件 的 跟踪 信息 (如 果 已 启用 跟踪 ) 

RenderEndTag 将 控件 的 HTML 结束 标记 呈现 到 指定 的 编写 器 中 

ResolveClientUrl 获取 浏览 器 可 以 使 用 的 URL 

ResolveUrl 将 URL 转换 为 在 请 求 客户 端 可 用 的 URL 

SetRenderMothodDelegate “| 分 配 事件 处 理 程序 委托 ,以 将 服务 器 控件 及 其 内 容 呈 现 到 父 控件 中 

ToString 返回 表示 当前 Object 的 String 

3. 事件 


Label 控件 的 常用 事件 及 说 明 如 表 5. 10 所 示 。 
表 5.10 Label 控件 常用 事件 及 说 明 


事 件 说 明 
DataBinding 当 服务 器 控件 绑 定 到 数据 源 时 引发 的 事件 
Load 当 服 务 器 控件 加 载 到 Page 对 象 时 引发 的 事件 


如 果 在 Label 控件 的 某 个 事件 下 实现 功能 ,可 以 在 “属性 ”面板 中 单 击 大 | 按钮 ,找到 相应 
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事件 ,然后 双击 进入 其 后 台 页 中 编写 代码 。 例 如 ,如 果 用 户 想 在 页 面 执行 时 直接 将 Label 控 
件 加 载 到 Page 对 象 中 ,可 直接 在 Label 控件 的 Load 事件 下 编写 如 下 代码 。 


protected void Labell Load (cbject sender,EventArgs e) 
{ 

Iabell.Text= "Tabel 控件 事件 代码 编写 "; 
} 


4. 示例 

【 例 5.2】 设计 一 个 简单 的 显示 控件 外 观 网 页 来 说 明 Label 控件 的 相关 属性 。 

设计 步骤 如 下 。 

步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 
空白 页 ,名 为 Default. aspx。 

步骤 2 按照 如 图 5. 12 所 示 进 行 页 面 设计 。 

步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

添加 一 个 Label 控件 Labell ,其 属性 设置 如 表 5. 11 


[Label1 控 件 实例 


图 5. 12 Default. aspx 设计 页 面 


所 示 。 
表 5.11 Label 控件 属性 设置 
名 称 属 性 值 名 称 属 性 值 
ID labTest BorderWidth 9px(2 像素 ) 
Text Label 控件 实例 Font-Name 楷体 
BackColor Yellow( 黄 色 ) Font-Size 15pt(38 磅 ) 
BorderColor Red( 红 色 ) ForeColor Blue( 蓝 色 ) 


Default. aspx 的 源 视图 代码 如 下 。 


< %@Page Language= "C# " AitopventWireup= "true" CodeFile= "Default .aspx.cs" 
Inherits=" Default" %> 
< !DOCTYEE html PUBLIC "- //W3C//DID XHTML 1.0 Transitional//EN" 
"httbb://www.w3.org/TRVxhtmll/DTD/xhtmll- transitional .dtd"> 
<html xmlns= "http://www.w3.org/1999/xhtml" > 
< head runat= "server"> 
<title> Label 控件 < /title> 
< /head> 
< body> 
< fom id= "foml" runat= "server"> 
<div> 
< asp:Label ID= "labTest" runat= "server" BackColor= "Yellow" BorderColor= 
"Red" BorderWidth= "px" 
Font- Names= "异体 " Font- size= "15pt" ForeColor= "Blue" Height= "16px" 
Text= "Tabel 控件 实例 " 
Width= "160px"> < /asp:Iabel> < /div> 
< /fom> 
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感 hap/localhost 只 ~- Cx 


图 5. 13 Default aspx 运行 结果 


5.2.2 TextBox 控件 


TextBox 控件 又 称 文本 框 控 件 ,主要 为 用 户 提 供 输 入 文本 的 功能 。 
TextBox 文本 框 控件 的 定义 语法 为 : 
< asp:TextBox id= "textboxl" runat= "server" Text= "显示 的 文本 " 
TextMpde= "SingleLine|MutiLine| Password" Colurns= "最 大 宽度 " Rows= 咱 数 高 度 " 
MaxLength= "最 大 字符 数 " Wrap= "True|False" RatoPostBack= "True|False" 
onTextchanged= "处 理 程序 " /> 
1. 属性 
TextBox 控件 的 常用 属性 及 说 明 如 表 5. 12 所 示 。 

表 5.12 TextBox 控件 常用 属性 及 说 明 


属 性 说 明 
i 获取 或 设置 一 个 值 , 该 值 指示 无 论 何 时 用 户 在 TextBox 控件 中 按 Enter 键 或 Tab 
键 时 ,是 否 自动 回 发 到 服务 器 的 操作 
ee 获取 或 设置 一 个 值 , 该 值 指示 当 TextBox 控件 设置 为 在 回 发 发 生 时 进行 验证 ,是 否 
执行 验证 
ID 控件 ID 
Text 控件 要 显示 的 文本 
TextMode 获取 或 设置 TextBox 控件 的 行为 模式 (单行 .多 行 或 密码 ) 
Width 控件 的 宽度 
Visible 控件 是 否 可 见 
ReadOnly 获取 或 设置 一 个 值 , 用 于 指示 能 否 只 读 TextBox 控件 的 内 容 
CssClass 控件 呈现 的 样式 
BackColor 控件 的 背景 颜色 
Enabled 控件 是 否 可 用 
TextBox 控件 大 部 分 属性 设置 和 Label 控件 类 似 。 
TextMode 属性 主要 用 于 控制 TextBox 控件 的 文本 显示 方式 ,该 属性 的 设置 选项 有 以 
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下 三 种 。 

(1) 单行 (SingleLine): 用 户 只 能 在 一 行 中 输入 信息 ， 
还 可 以 选择 限制 控件 接收 的 字符 数 。 

(2) 多 行 (MultiLine) : 文本 很 长 时 ,允许 用 户 输入 多 行 
文本 并 执行 换行 。 

(3) 密码 (Password): 将 用 户 输入 的 字符 用 黑 点 (。) 
屏蔽 ,以 隐藏 这 些 信息 。 

在 验证 用 户 登 录 密 码 时 ,可 以 将 TextBox 控件 的 图 5.14 隐藏 登录 密码 
TextMode 属性 设置 为 Password, 其 运行 效果 如 图 5. 14 
所 示 。 

注意 : 在 填写 备注 资料 时 ,文字 可 能 会 很 多 ,此 时 可 将 TextBox 控件 的 TextMode 属性 
设置 为 MultiLine, 如 图 5.15 所 示 。 


文件 EF) ”编辑 下 ) 查看 Y) 收藏 ) 工具 CD) 帮助 0D 
GOFBE -上 日 - 国 国 从 | 忆 扣 去 kg 旭 | 合 -总 加- 
地 址 加 ) | 四 http://aonetyHomeyhensRepair_ aspx 


张 条 

秘 军 大 楼 c 林 103 室 
2006-07-29 

电工 , 水 工 

100.00 

100.00 

200.00 


由 于 业主 长 期 不 在 家 ， 无 法 进入 施工 ， 请 
房管 人 员 提 供 相关 服务 。 


水 龙头 、 各 种 家 用 电 吕 | 


区 本 


图 5.15 填写 备注 资料 


2. 方法 
TextBox 控件 常用 方法 同 Label 控件 类 似 , 表 5.13 列 出 了 它 的 一 些 常用 方法 。 


表 5.13 TextBox 控件 常用 方法 及 说 明 


方 ” ”法 说 明 

DataBind 将 数据 源 绑 定 到 被 调用 的 服务 器 控件 及 其 所 有 子 控件 上 
Focus 为 控件 设置 输入 焦点 

Dispose 使 服务 器 控件 得 以 在 从 内 存 中 释放 之 前 执行 最 后 的 清理 操作 
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续 表 
方 ”法 说 明 


Equals 确定 两 个 对 象 实例 是 否 相等 


TextBox 控件 的 Focus 方法 主要 用 来 获得 其 焦点 。 
例如 ,用 户 在 一 个 含有 TextBox 控件 页 面 的 Page_Load 事件 中 编写 了 如 下 代码 。 


Protected void Page Load (cbject sender,EventArgs e) 
{ 
TextBoxl .Focus ()7 


运行 结果 如 图 5. 16 所 示 。 

3. 事件 

TextBox 控件 常用 事件 同 Label 控件 类 似 , 具 体 请 参见 Label 控件 常用 事件 。 

4. 示例 

【 例 5.3】 设计 一 个 网 页 来 说 明 TextBox 控件 的 具体 使 用 方法 。 

设计 步骤 如 下 。 

步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Defaultl. aspx。 
步骤 2 按照 如 图 5. 17 所 示 进 行 页 面 设计 。 


文本 框 获得 焦点 


图 5.16 获得 TextBox 控件 焦点 图 5.17 Defaultl. aspx 设计 页 面 


步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 
创建 三 个 TextBox 控件 (TextBoxl1、TextBox2、TextBox3) ,它们 的 属性 设置 如 下 。 
(1) 输入 用 户 名 的 TextBox 控件 : TextMode 属性 设 为 SingleLine, BackColor 属性 为 


#FFFFC0,BorderColor 属性 为 Blue。 


(2) 输入 密码 的 TextBox 控件 : TextMode 属性 设 为 Password,BackColor 属性 为 并 # 


FFCOFF ,BorderColor 属性 为 #404040。 


(3) 输入 说 明 信 息 的 TextBox 控件 : TextMode 属性 设 为 MultiLine, BackColor 属性 


为 #80FF80,BorderColor 属性 为 Black。 
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Defaultl. aspx 的 源 视图 代码 如 下 。 


< %QPage Language= "CH " AutogventWireup= "true" CodeFile= "Defaultl.aspx.cs" 
Irherits= "web Defaultl" $> 

< !DOCTYPE html PUBLIC ™- //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DID/xhtml1— transitional .dtd"> 
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<html xmlns= "http://www.w3.org/1999/xhtml™ > 
< head runat= "server> 
<title> TextBox 控 件 示例 < /title> 
< /headq> 
<body> 
< fom id= "foml" runat= "server"> 
<div style= "color: black"> 
用 户 名 :< asp:TextBox ID= "TextBoxl" runat= "server" BackColor= "# FFFFCO" 
BorderColor= 唱 8080FF"> < /asp:TextBox> <br /> 
<br/> 
gnbsp; 密 。” 码 :< asp:TextBox ID= "TextBox2" runat= "server" BackColor= 
"# FFEOCO™ BorderColor= "# 062A48" 
TextMpde= "Password"> < /asp:TextBox> <br /> 
<br /> 
&nbsp; 说 。 明 :< asp:TextBox ID= "TextBox3" runat= "server" BackColor= 
啡 80FF80" BorderColor= "Black" 
TextMpde= "MultiLine"> < /asp:TextBox> < /div> 


运行 结果 如 图 5. 18 所 示 。 


盟 C X | 人 TextBox 控 件 示例 


图 5.18 ”Defaultl. aspx 运行 结果 


5.2.3 Button 控件 


Button 控件 又 称 为 命令 按钮 控件 ,其 主要 用 于 显示 一 个 按钮 ,按钮 可 以 是 “提交 ”按钮 
或 命令 按钮 。 
Button 按钮 控件 定义 语法 为 : 


< asp:Button id= "buttonl" runat= "server" Text= "按钮 文本 " 
ComrandName "命令 名 "Cammandargument 一 "命令 参数 " 
CausesValidation= "True|False" onClick= "click 事 件 处 理 程序 " /> 


1. 属性 
Button 控件 的 常用 属性 及 说 明 如 表 5. 14 所 示 。 


表 5.14 Button 控件 的 常用 属性 
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属 性 说 明 
CausesValidation 规定 当 Button 被 单 击 时 是 否 验证 页 面 
CommandArgument 有 关 要 执行 的 命令 的 附加 信息 


CommandName 与 Command 相关 的 命令 

OnClientClick 当 按 钮 被 单 击 时 被 执行 的 函数 的 名 称 

PostBackUrl 当 Button 控件 被 单 击 时 从 当前 页 面 传送 数据 的 目标 页 面 URL 
runat 规定 该 控件 是 服务 器 控件 。 必 须 设置 为 “server” 

Text 按钮 上 的 文本 


一 个 值 , 该 值 指 示 Button 控件 使 用 浏览 器 的 提交 机 制 ,还 是 使 用 ASP. NET 的 
postback 机 制 


ValidationGroup 当 Button 控件 回 传 服务 器 时 ,该 Button 所 属 的 哪个 控件 组 引发 了 验证 


UseSubmitBehavior 


Button 控件 可 分 为 Submit 类 型 的 按钮 和 Command 类 型 的 按钮 ,默认 的 Button 按钮 
为 Submit( 提 交 ) 按 钮 。 

Submit 类 型 按钮 : 用 来 把 Web 页 面 提交 到 服务 器 处 理 , 没 有 从 服务 器 返回 的 过 程 。 

Command 类 型 按钮 : 有 一 个 相应 的 Command 名 (通过 CommandName 属性 设置 该 命 
令 名 字 ), 当 有 多 个 Command 类 型 的 按钮 共享 一 个 事件 处 理 函 数 时 ,可 以 通过 Command 名 
字 区 分 要 处 理 哪个 Button 的 事件 。 

2. 方法 

Button 控件 的 方法 如 表 5. 15 所 示 。 


表 5.15 Button 控件 的 方法 


名 称 说 明 
OnClick 引发 Click 事件 
OnCommand 引发 Command 事件 


3. 事件 

Button 控件 的 事件 主要 有 Click 事件 和 Command 事件 。 其 中 ,Click 事件 主要 是 在 当 
单 击 命令 按钮 并 且 包 含 它 的 表单 被 提交 到 服务 器 的 时 候 引 发 。 而 在 单 击 命令 按钮 时 则 会 引 
发 Command 事件 ,示例 代码 如 下 。 


Protected void Buttonl Click (cbject sender,EventArgs e) 
{ 
Iabell.Text= "普通 按钮 被 触发 "; /输出 信息 


4. 示例 

【 例 5.4】 设计 一 个 含有 按钮 的 网 页 来 说 明 Button 控件 的 Submit 按钮 和 Command 
按钮 的 使 用 方法 。 

设计 步骤 如 下 。 
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步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Default2. aspx。 
步骤 2 按照 如 图 5. 19 所 示 进 行 页 面 设计 。 


三 sbelji] 


图 5. 19 Default2. aspx 设计 界面 


步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

三 个 Button 控件 (Button1 .Button2、Button3 ,Buttonl 的 Text 属性 设 为 “这 是 按钮 1”， 
CommandName 属性 设 为 Command,CommandArgument 属性 设 为 “这 是 按钮 1”; Button2 
的 Text 属性 设 为 “这 是 按钮 2”,CommandName 属性 设 为 Command,CommandArgument 
属性 设 为 “这 是 按钮 2”; Button3 的 Text 属性 设 为 “这 是 按钮 3”) ,一 个 Label 控件 Labell 。 

该 网 页 上 设计 如 下 事件 过 程 。 


Public partial class webl Default2 : System.Web.UI.Page 
| 
Protected void Page Load (cbject sender,EventRrgs e) 
{ 
} 
protected void Button]l camand (dbject sender,CarmandEventArgs e) 
{ 
Iabell.Text= "你 此 时 单 击 的 是 " +e.CommandArgument.Tostring(); 
} 
Protected void Button? comand (Gbject sengder,CammandEventArgs e) 
{ 
Iabell.Text= "你 此 时 单 击 的 是 " +e.CamandArgument.ToString(); 
} 
Protected void Button3 Click(cbject sender,EventArgs e) 
{ 
Iabell.Text= "你 此 时 单 击 的 是 按钮 3"; 


} 
Default2. aspx 的 源 视图 代码 如 下 。 


< $@Page Language= "C# " AutopventWireup= "true" CodeFile= "Default2.aspx.cs" 
Inherits= "webl Default2" $> 
< IDOCTYFE html PUBLIC "- //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DID/xhtmll1- transitional .dtd"> 
<html xmlns= "http://www.w3.o0rg/1999/xhtml™ > 
< head runat= "server"™> 
<title> Button 控 件 < /title> 
< /headq> 
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<body> 
< fom id "forml" runat— "server"> < div> 
< asp:Button ID= "Buttonl" runat= "server" BackColor= 只 COC000" 
Cormandargument= " 哦 是 按钮 1" 
CoumancNene= "Camrandg" Height= "30px" Text=' 哦 是 按钮 1" WidH= "120pe" /> gribep; 
< asp:Button ID= "Button2" runat= "server" BackColor= "# 00c000" 
Cormandargument= " 我 是 按钮 2" 
CurmancNEre= "Camrand" Height= "3Qpx" Tt= 哦 是 按钮 2" WGH "3gze" /> grbep; 
<asp:BHLtonID= "Buttoan3" runat= "server”" BackOplor= 啡 C00000" Height= "Soe 
Onclick= "Button3 Clickn Text=" 我 是 按钮 3" Width "120px" /><br /><br /> 
< asp:Label ID= "Labell" runat= "server" Height= "32px" Width= "336px"> 
< /asp:Label> < /div> 
< /fom> 
< /body> 
< /htm> 


运行 结果 如 图 5. 20 所 示 。 


[加 避 htpy/localhostil ~ 昌 忆 X | 钨 Button 控 件 x 


你 此 时 单 击 的 是 按钮 3 


图 5.20 ”Default2. aspx 运行 结果 


通过 该 示例 可 以 看 到 ,Buttonl 与 Button2 是 用 了 Command 按钮 ,共享 的 是 Command 
事件 ;而 Button3 则 是 用 了 Submit 按钮 。 
5.2.4 LinkButton 控件 
LinkButton 控件 又 称 作 超 链接 按钮 控件 。 与 Button 控件 相似 ,LinkButton 用 于 将 Web 窗 
体 页 回 发 给 服务 器 或 执行 用 户 编写 的 事件 代码 ,但 它 呈 现 为 页 面 中 的 一 个 超 链接 样式 按钮 。 
LinkButton 控件 的 定义 语法 为 : 
< ASP:Hyperlink Id "控件 名 字 " Runat= "Server" Text= "超级 链接 文字 " 
PostBackUr]= "目标 超级 链接 "/> 
1. 属性 
LinkButton 控件 的 常用 属性 如 表 5. 16 所 示 。 
表 5.16 LinkButton 控件 的 常用 属性 
属 性 说 明 
CausesValidation 规定 当 LinkButton 控件 被 单 击 时 是 否 验证 页 面 


a 获取 或 设置 与 关联 的 CommandName 属性 一 起 传递 到 Command 事件 处 理 程序 
: 的 可 选 参数 
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续 表 
属 性 说 明 
i 获取 或 设置 与 LinkButton 控件 关联 的 命令 名 ,此 值 与 CommandArgument 属性 
一 起 传递 到 Command 事件 处 理 程序 
OnClientClick 当 LinkButton 控件 被 单 击 时 被 执行 的 函数 的 名 称 
PostBackUrl 当 LinkButton 控件 被 单 击 时 从 当前 页 面 进行 回 传 的 目标 页 面 的 URL 
runat 规定 该 控件 是 服务 器 控件 。 必 须 设置 为 “server” 
Text 获取 或 设置 显示 在 LinkButton 上 的 文本 


ValidationGroup 当 其 回 传 服务 器 时 ,该 LinkButton 控件 引起 的 验证 所 针对 的 控件 组 


和 Button 控件 一 样 ,在 不 设置 CommandName 属性 和 CommandArgument 属性 值 时 ， 
LinkButton 控件 为 提交 超级 链接 按钮 , 当 设 置 了 CommandName 属性 和 CommandArgument 属 
性 值 时 ,LinkButton 控件 为 命令 超级 链接 按钮 。 

通过 设置 Text 属性 或 将 文本 放 在 LinkButton 控件 的 开始 和 结束 标记 之 间 来 指定 要 显 
示 的 文本 。 

2. 方法 

LinkButton 控件 和 Button 控件 的 方法 类 似 , 具 体 请 参见 Button 控件 。 

3. 事件 

LinkButton 控件 的 事件 主要 有 Click 事件 和 Command 事件 。 这 两 个 事件 均 在 单 击 
LinkButton 控件 时 发 生 ,示例 代码 如 下 所 示 。 

<asp:LinkButton ID= "TILinkButtonl" runat= "server"”CormandName= "btnlink" 

OnccmmancF "Batton Command" 或 onclick= "click 事 件 处 理 程序 "> 

LinkButton< /asp:LinkButton> 


4. 示例 
【 例 5.5】 设计 一 个 显示 超 链接 样式 的 网 页 来 说 明 LinkButton 控件 的 使 用 方法 。 
设计 步骤 如 下 。 i pe web1/Defoultsaspx [Re]] 


步 又 1 在 MYWEB 网 站 的 webl 文件 夹 中 | 嫩 丛 寺 我 们 的 设 请 你 点 击 这 里 计 不 江 和 
创建 一 个 空白 页 ,名 为 Default3. aspx。 

步骤 2 按照 如 图 5. 21 所 示 进 行 页 面 设计 。 

步骤 3 根据 需要 进行 如 下 控件 的 创建 和 图 5.21 Default3. aspx 设计 页 面 
设置 。 

一 个 LinkButton 控件 LinkButtonl ,其 Text 属性 设置 为 “ 单 击 这 里 ”; 一 个 Label 控件 
Labell, 其 Text 属性 设置 为 空 。 

该 例 中 设计 如 下 事件 过 程 。 


古 abell] 


using Systemz 

Using System.Data; 

Using System.Configuration; 
Using System.Collections; 
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using System.Web; 
Using System.WEb.Security7 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.WEb.UT.WEbControls.WEbParts7 
using System.Web.UI.HtmlControls; 
public partial class webl Default3 : System.Web.UI.Page 
{ 
Protected void Page Load (cbject senger,EventArgs e) 
{ 
} 
Protected void LinkButtonl Click (cbject sender, EventArgs e) 
{ 
Iabell.Text= "谢谢 你 ! 请 你 留 下 宝贵 的 意见 !1"; 


} 
Default3. aspx 的 源 视图 代码 如 下 。 


< %@Page Language= "C# " AitopventWireup= "true" CodeFile= "Default3.aspx.cs" 
Inherits= "webl Default3" %> 
< !DOCTYPE html PUBLIC "~ //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DID/xhtml1- transitional .dtd"> 
< html xmlns= "http://www.w3.org/1999/xhtml" > 
< head runat= "server"> 
<title> LinkButton 控件 示例 < /title> 
< head> 
<body> 
< fom id= "foml" runat= "server"> 
<div> 
< asp:LinkButton ID= "LinkButtonl" runat= "server" OnClick= "LinkButtonl 
Click"> 如 果 你 对 我 们 的 设计 不 满意 请 你 单 击 这 里 < /asp:LinkButton> <br /> 
<br /> 
< asp:Label ID= "Tabell" runat= "server" Height= "40px" Width= "296px"> 
< /asp:Label> gnbsp;< /div> 
< /fom> 


入 http://localhost11 Dv OX 
们 的 设计 不 满意 请 你 单 击 这 里 


谢谢 你 ! 请 你 留 下 宝贵 的 意见 1 


你 对 


图 5. 22 Default3. aspx 运行 结果 
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5.2.5 ImageButton 控件 


ImageButton 控件 又 称 为 图 像 按 钮 控件 ,功能 与 Button 控件 相同 ,只 是 ImageButton 
控件 使 用 图 片 作为 其 外 观 , 这 对 于 提供 丰富 的 按钮 外 观 和 美化 界面 非常 有 帮助 。 

当 单 击 ImageButton 控件 时 ,将 同时 引发 Click 和 Command 事件 。 通 过 设置 ImageUrl 属 
性 指定 在 控件 中 显示 的 图 像 存 放 路 径 , 其 他 属性 和 Button 控件 相同 。 

ImageButton 图 片 按钮 的 定义 语法 为 : 

< asp:ImageButton ic "imagebutton1" runat= "server" ImagsUrl= "图 像 存放 路 径 " 

CommandName= "命令 名 " CammandArgument 一 "命令 参数 " 

CausesValidation= "True|False" onClick= "click 事 件 处 理 程序 " /> 

1. 属性 

ImageButton 控件 的 常用 属性 如 表 5. 17 所 示 。 


表 5.17 ImageButton 控件 的 常用 属性 


属 性 说 明 
CausesValidation 规定 在 ImageButton 控件 被 单 击 时 ,是 否 验 证 页 面 
CommandArgument 有 关 要 执行 的 命令 的 附加 信息 
CommandName 与 Command 事件 相关 的 命令 


GenerateEmptyAlternateText | 规定 该 控件 是 否 创建 空 字符 串 作为 替代 文本 


OnClientClick 当 图 像 被 单 击 时 要 执行 的 函数 的 名 称 

PostBackUrl 当 ImageButton 被 单 击 时 ,从 当前 页 面 进行 回 传 的 目标 页 面 的 URL 
runat 规定 该 控件 是 一 个 服务 器 控件 。 必 须 被 设置 为 server” 
dao on 回 传 服务 器 时 ,该 ImageButton 控件 引起 验证 所 针对 的 


注意 : Image 控件 的 属性 也 能 够 用 在 ImageButton 控件 上 。 

2. 方法 

ImageButton 控件 和 Button 控件 的 方法 类 似 . 具 体 请 参见 Button 控件 。 

3. 事件 

ImageButton 控件 的 事件 主要 有 Click 事件 和 Command 事件 。 这 两 个 事件 均 在 单 击 
ImageButton 控件 时 发 生 。 

4. 示例 

【 例 5.6】 通过 设计 一 个 网 页 ,网 页 内 的 图 像 在 单 击 时 ,将 单 击 位 置 的 x 和 y 坐标 显示 
出 来 ,说 明 ImageButton 控件 的 使 用 方法 。 

设计 步骤 如 下 。 

步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Default4. aspx。 

步骤 2 按照 如 图 5. 23 所 示 进 行 页 面 设计 。 
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| web yweb1/Default4.aspx 


号 sbeli] 


抱 abeI12J 


图 5.23 Default4. aspx 设计 页 面 


步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

一 个 ImageButton 控件 ImageButton1( 其 中 ImageUrl 属性 设置 为 “图 像 的 位 置 ”) ; 两 
个 Label 控件 Labell 、Label2( 其 中 Text 属性 均 设置 为 空 )。 

该 例 中 设计 如 下 事件 过 程 。 


Using System; 
Using System.Datay 
Using System.Configurationy 
using System.Collectionsy 
Using System.Web; 
Using System.Web.Security; 
using System.Web.UI; 
Using System.Web.UI .WebControls; 
using System.Web.UI.WebControls.WebParts; 
Using System.Web.UI .HimlControls; 
Public partial class webl Default4 : System.Web.UI.Page 
{ 
protected void Page_ Load (cbject sender,EventArgs e) 
{ 
} 
protected void ImageButtonl Click (dbject sender, ImageClickEventArgs e) 
{ 
Iabell.Text= "你 单 击 了 IrmageButton 控 件 , 坐 标 为 : (" +e.X.Tostring() +","+ 
e.Y.ToString() + ")"; 
Iabel2.Text= "图 片 的 宽度 为 : " + ImagsButton1.Width.Tostring () + "图 片 的 高 度 为 : "+ 
JmagsButton1.Height.Tostring() +" 左 半边 被 单 击 "; 


’ 


Default4. aspx 的 源 视图 代码 如 下 。 


< $@Page Language= "C# " AitoEventWireup= "true" CodeFile= "Default4.aspx-cs" 
Inherits= "webl Default4" %> 
< !DOCTYPE html PUBLIC ™- //W3C//DID XHTML 1.0 Transitional//EN" 
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"http://www-w3.o0rg/TR/xhtml1/DID/xhtml1— transitional .dtd"> 
<html smlns= "http://www.w3.org/1999/xhtml" > 
< head runat= "server"> 
<title> ImagsButton 控 件 < /title> 
< /head> 
<body> 
< form id= "forml" runat= "server"> 
<div> 
请 你 单 击 下 图 任意 位 置 :<br /> 
< asp: ImageButton ID= "ImageButtonl" runat= "server" Height= "112px" 
JageUrl= "~ /tp/5.jpg" 
Onclick= "TmageButtonl Click" Width= "144px" /><br /> 
<br /> 
< asp:Iabel ID= "Labell" runat= "server" Height= "24px" Width= "240px"> 
< /asp:Label> <br /> 
<br /> 
< asp:Label ID= "Label2" runat= "server" Height= "24px" Width= "240px"> 
< /asp:Label> < /div> 
< /fom> 
< /body> 
</htm> 


运行 结果 如 图 5. 24 所 示 。 


OS 儿 http//localhost11 D7 全 CX|@ imageButon 控 件 


请 你 单 击 下 图 任意 位 置 ， 


你 单 击 了 ImageButton 控 件 ， 坐 标 为 ， (221，27) 
图 片 的 宽度 为 ，408px. 图 片 的 高 度 为 ，80px 左 半边 被 点 击 


图 5.24 Default4. aspx 运行 结果 


5.2.6 HyperLink 控件 


HyperLink 控件 是 超级 链接 控件 ,主要 用 来 在 网 页 中 建立 从 一 个 网 页 到 另 一 个 网 页 的 
链接 。 该 控件 类 似 于 HTML 中 的 二 a href=" "二 。 

其 用 法 如 下 标记 : 

<asp:HyperLink id= "hyperlinkl" TrageUrl= "images/pict.jpg" Target= "new 

NavigateUrl= "http://www.microsoft.oom" Text= "微软 " nmat= "server"/> 

1. 属性 

HyperLink 控件 常用 的 属性 如 表 5. 18 所 示 。 
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表 5.18 HyperLink 控件 常用 的 属性 


属 性 说 明 
Text 设置 的 超级 链接 的 文字 
ImageUrl 可 以 使 用 图 形 完成 超级 链接 ,ImageUrl 为 控件 显示 图 像 文 件 的 URL 
NavigateUrl | 超级 链接 到 另 一 个 网 页 的 URL 
et URL 的 目标 框架 。_blank, 在 一 个 没有 框架 的 新 窗口 中 打开 新 网 页 ;_self, 在 原 窗口 打 
开 ;_parent, 在 父 窗口 打开 

ImageUrl 属性 是 用 来 得 到 Image 控件 中 要 显示 图 像 的 URL 地 址 ,一 般 在 “属性 ”面板 

中 设置 属性 的 时 候 ,在 ImageUrl 的 后 面 有 个 按钮 可 以 进行 显示 图 像 的 选择 。 


NavigateUrl 属性 是 用 来 设置 单 击 控件 的 时 候 所 链接 到 的 网 页 地 址 ,也 是 在 “属性 ” 面 
板 中 进行 需要 链接 网 页 地 址 的 选择 。 


Target 属 
2. 示例 

【 例 5.7】 
设计 步 又 


性 是 指出 一 个 需要 显示 转向 的 网 页 的 框架 或 者 窗口 。 


建立 一 个 网 页 链接 来 说 明 HyperLink 控件 的 使 用 方法 。 
如 下 。 


步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Default6. aspx。 
步骤 2 按照 如 图 5. 25 所 示 进 行 页 面 设计 。 

步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

HyperLink 控件 HyperLinkl 其 属性 设置 如 图 5. 26 所 示 。 


bl/D 


去 搜狐 请 单 击 下 图 : 


Hagh 1px 
上 Imageur ~/tp/ljpg 
NavigateUr| httpV/www.se 
SkinID 
| TabIndex 
二 | Target 
Text 
图 5.25 Default6. aspx 设计 页 面 图 5.26 HyperLink 控件 属性 设置 
Default6. aspx 的 源 视图 代码 如 下 。 


< $@Page Language= "C# " RuitoEventWireup= "true" CodeFile= "Default6.aspx.cs" 
Inherits= "webl Default6" $> 

< IDOCTYFE html PUBLIC " //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DID/xhtml1- transitional .dtd"> 


<html xmlns= "http://www.w3.org/1999/xhtml™" > 


< head runat= "server"> 


<title> HyperLink 控 件 < /title> 


< /head> 
<body> 
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< fom id= "foml™" runat— "server"> 
<div> 
< span style= "font— size: 10.5pt;font- family: 宋体 ;mso- ascii- font- family: 
'Times New Roman'7 
mso- bidi— font- family: 'Times New Roman';mso- ansi- language: FEN- US; 
mso- fareast- language: ZH CN7 
mso- bidi- language: AR- SN;mso- mo- proof: Yes> 去 搜狐 请 点 击 下 图 :<br /> 
< asp:HyperLink ID= "HyperLinkl" runat= "server" Height= "lpx" 
JnmageUrl= "~ /tp/1.jpg" 
NavigateUrl= "http://www.sohu.cam" Target= " blank' Width= "lpx"> 
HyperLink< /asp:HyperLink> <br /> 
<br /> 


感 HyperLink 控 件 


新 闻 图 片 评论 我 说 两 名 军事 
天 气 男人 女人 美容 鲜 回 


图 5.27 Default6. aspx 运行 结果 


5.2.7 ListBox 控件 


ListBox 控件 又 称 为 下 拉 列 表 框 控件 ,ListBox 控件 会 一 次 列 出 多 个 选项 让 用 户 从 中 选 
取 ,ListBox 控件 会 在 页 面 中 形成 一 个 数据 的 列表 ,可 提供 单 选 或 多 重 选择 列表 。 
ListBox 列表 框 控件 的 定义 语法 为 : 


<asp:ListBox id 味 识 名 " runat= "server" DataSouroe= 员 据 绑 定 表达 式 " 
DataTextField= "Text 属性 的 绑 定 字段 " DataValueField- "Value 属性 的 绑 定 字段 " 
RutcFostBack= "True |False" Fows= "显示 的 行 数 " SelectiarMpde= "single|Miltiple" 
anselectedIndexChanged= "处 理 程序 "> 

<asp:ListTtem value= "选项 的 值 " selectedF "True|False"> 选 项 显示 的 内 容 

< /asp:ListItem> 

< /asp:ListBox> 
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1. 属性 


ListBox 控件 的 常用 属性 如 表 5. 19 所 示 。 


属 性 


表 5.19 ListBox 控件 的 常用 属性 
说 明 


AutoPostBack 指示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 产生 向 服务 器 的 回 发 


DataMember 指示 在 获取 或 设置 数据 绑 定 控件 时 绑 定 到 的 数据 列表 的 具体 名 称 


DataTextField ”| 指示 在 获取 或 设置 填充 该 控件 时 的 数据 源 


DataValueField | 指示 在 获取 或 设置 为 列表 项 时 提供 值 的 数据 源 字 段 


Items 指示 在 获取 控件 项 时 的 集合 


Rows 指示 在 获取 或 设置 该 控件 时 其 中 显示 的 行 数 


SelectedItem 指示 在 获取 该 控件 时 其 中 索引 最 小 的 选 定 项 


SelectedMode 


列表 项 的 选择 模式 ,决定 控件 是 否 允 许多 项 选择 , 取 值 有 单项 选择 Single 和 多 项 选 
择 Multiple 


注意 : Items 是 一 个 集合 属性 ,其 中 每 一 个 元 素 项 都 是 一 个 ListItem 对 象 ,而 且 Items 
属性 是 用 来 设置 子 选项 ,并 且 每 个 子 选项 都 具有 相关 的 索引 值 ,初始 值 为 0。 


2. 方法 


为 了 高 效 地 操作 列表 框 ,应 了 解 它 可 以 调用 的 一 些 方法 。 表 5. 20 列 出 了 最 常用 的 


方法 。 


方 法 


表 5.20 ListBox 控件 的 常用 方法 
描 述 


ClearSelected() 


清除 列表 框 中 的 所 有 选项 


FindString() 


查找 列表 框 中 第 一 个 以 指定 字符 串 开头 的 字符 串 , 例 如 FindString("a") 就 是 查 
找 列 表 框 中 第 一 个 以 a 开头 的 字符 串 


FindStringExact() 


与 


FindString 类 似 , 但 必须 匹配 整个 字符 串 


GetSelected() 返回 一 个 表示 是 否 选 择 一 个 选项 的 值 
SetSelected() 设置 或 清除 选项 
ToString() 返回 当前 选中 的 选项 


GetItemChecked() 


返 


回 一 个 表示 选项 是 否 被 选中 的 值 


GetItemCheckState() 


返 


回 一 个 表示 选项 的 选中 状态 的 值 


SetItemChecked() 


设置 指定 为 选中 状态 的 选项 


SetItemCheckState() 


3. 事件 


设置 选项 的 选中 状态 


正常 情况 下 ,在 处 理 ListBox 控件 时 ,使 用 的 事件 都 与 用 户 选中 的 选项 有 关 , 如 表 5. 21 


所 示 。 
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表 5.21 ListBox 控件 的 常用 事件 


事 件 描 述 
ItemCheck 在 列表 框 中 一 个 选项 的 选中 状态 改变 时 引发 该 事件 
SelectedIndexChanged 在 列表 控件 的 选 定 项 在 信息 发 往 服 务 器 之 间 变 化 时 发 生 
4. 示例 
【 例 5.8】 设计 一 个 网 页 来 说 明 ListBox 控件 的 具体 使 用 方法 。 
设计 步骤 如 下 。 


步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Default7. aspx。 

步骤 2 按照 如 图 5. 28 所 示 进 行 页 面 设计 。 

步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

有 一 个 ListBox 控件 ListBoxl( 其 中 AutoPostBack 甘 
属性 设 为 True,Rows 属性 设置 为 4.SelectedMode 属性 英语 
设 为 Multiple, 并 且 通 过 ListItem 集合 编辑 器 对 话 框 设 | aa 
置 5 个 项 ) 和 一 个 Labell(Text 属性 设置 为 空 ) 。 

该 例 中 设计 如 下 事件 过 程 。 图 5. 28 Default7. aspx 设计 页 面 

Using System; 

using System.Datay 

Using System.Configurationy 

using System.Collectionsy 

Using System.Weby 

using System.Web.Security; 

using System.Web.UI; 

using System.Web.UT.WEbControlsy 

using System.Web.UI.WebControls.WebPparts; 

using System.Web.UI.HtmlControls; 

public partial class webl Default7 : System.Web.UI.Page 

{ 


Protected void ListBoxl SelectedIndexChanged (cbject sender,FEventArgs e) 
{ 
String mystr="™"; 
foreach (ListItem it in ListBox] .Items) 
if (it.Selected== true) 
mystr=mystr + it.Text + "gnbsp;"; 
Labell.Text= "谢谢 你 的 参与 ,你 的 选择 是 : " +mystr; 


. 


Default7. aspx 的 源 视图 代码 如 下 。 


< %@ Page Language= "C# " AutopventWireup= "true" CodeFile= "Default7.aspx.cs" 
Inherits= "webl Default7" %> 
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< !DOCTYPE html PUBLIC ™— //W3C//DID XHIML 1.0 Transitional//EN" 
"http://www-w3.o0rg/TR/xhtml1/DID/xhtml1— transitional .dtd"> 
< html xmlns= "http://www.w3.o0rg/1999/xhtml" > 
< head runat= "server"> 
<title> ListBox 控 件 示 例 < /title> 
< /headq> 
<body> 
< fom id= "foml" runat= "server"> 
<div> 
< span style= "font- size: 9pt;font- family: 新 宋体 ;mso- ascii- font- family: 
'Times New Roman'7 
mso- hansi- font- family: 'Times New Roman';mso- bidi- font- family: 
"Times New Roman'7 
mso- ansi- language: FEN- US;msor fareast- language: ZH- Ql;mso- bidi— 
language: AR- SA; 
mso- no- proof: yes"> 请 选择 你 喜欢 的 一 门 课程 ;<br /> 
< asp:ListBox ID= "ListBoxl" rnat= "server" OnSelectedIndexchangec= 
"ListBoxl SelectedIndexChanged" AutoPostBack= "True" SelectionMpde= 
"Mltiple" BackColor= "# EOEOEO"> 
<asp:ListIten> 语 文 < /asp:ListItem> 
<asp:ListIter> 数 学 < /asp:ListItem> 
<asp:ListIter> 英 语 < /asp:ListItem> 
<asp:ListIte> 体 育 < /asp:ListItem> 
< /asp:ListBox> <br /> 
<br /> 
<asp:Label ID= "Labell" runat= "server" Height= "32px" Width= "272px" 
BackColor= "# FFCOFF" ForeColor= "Black"> < /asp:Label> < /span> < /div> 
< /form 


运行 结果 如 图 5. 29 所 示 。 


三 httpi//localhost1ll 只 - 昌 上 X | 碟 Listeox 控 件 示例 


请 计 反 你 吉 允 的 一 站 间 和 
数学 上 


英语 


谢谢 你 的 参与 ， 你 的 选择 是 : 英语 


图 5. 29 Default7. aspx 运行 结果 


5.2.8 DropDownList 控件 


DropDownList 控件 又 称 为 下 拉 列 表 控 件 , 使 用 户 可 以 从 单项 选择 下 拉 列 表 框 中 进行 
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选择 。 

DropDownList 控件 的 一 般 形 式 为 : 

<asp:DropDownList id "控件 名 称 " 
Rnat= "server™” 
AtoPostBack= "true | false™" 
OnselectedIndexChanged= " 嘻 件 程序 名 称 "> 

< asp:ListTtem Valuer "value" Selected= "true| false"/> 

< /asp:DropDownlist> 

1. 属性 

DropDownList 控件 的 常用 属性 主要 如 表 5. 22 所 示 。 


表 5.22 DropDownList 控件 的 常用 属性 


属 性 说 明 
AutoPostBack 该 值 指示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 产生 向 服务 器 的 回 发 
ee 当 数 据 源 包含 多 个 不 同 的 数据 项 列表 时 ,获取 或 设置 数据 绑 定 控件 绑 定 到 的 
数据 列表 的 名 称 
DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
DataSourceID 获取 或 设置 控件 的 ID ,数据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
DataTextField 获取 或 设置 为 列表 项 提供 文本 内 容 的 数据 源 字段 
DataTextFormatString | 获取 或 设置 格式 化 字符 串 , 该 字符 串 用 来 控制 如 何 显示 绑 定 到 列表 控件 中 的 数据 
DataValueField 获取 或 设置 为 各 列表 项 提供 值 的 数据 源 字 段 
Items 获取 列表 控件 项 的 集合 
SelectedIndex 获取 或 设置 DropDownList 控件 中 的 选 定 项 的 索引 
SelectedItem 获取 列表 控件 中 索引 最 小 的 选 定 项 
SelectedValue 获取 列表 控件 中 选 定 项 的 值 ,或 选择 列表 控件 中 包含 指定 值 的 项 
Text 获取 或 设置 ListControl 控件 的 SelectedValue 属性 


DropDownList 控件 的 Items 是 一 个 集合 属性 ,其 中 的 每 个 元 素 是 一 个 Listltem 对 象 。 
在 设计 时 设置 Items 属性 的 方法 是 , 当 单 击 DropDownList 控件 中 右上 角 的 ~ 按钮 ,会 出 
现 如 图 5. 30(a) 所 示 的 “ListBox 任务 ”, 单 击 “ 编 辑 项 ”打开 如 图 5. 30(b) 所 示 的 “ListItem 集 
合 编辑 器 ”, 通 过 编辑 项 进行 各 个 选项 的 增 减 , 并 输入 各 选项 的 Text 和 Value 的 属性 值 。 

也 可 以 在 运行 程序 的 时 候 动 态 地 向 DropDownList 控件 中 添加 选项 ,例如 : 

DropDownList1.Items.Add(" 语 文 ") 

DropDownList1.Ttems.Raa(" 数 学 站 

DropDownList1.Ttems.aaa(" 英 语 站 

DroppownList1.Items.A6d(" 体 育 ") 

2. 方 法 

DropDownList 控件 的 常用 方法 主要 如 表 5. 23 所 示 。 
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成 员 (M): 蛋 文 尾 性 (p): 

0 | 医 ] 外 | 加 

次 四 村: 

3 ee 加 Enabled Tme 

Pe Selected False 
Text 语文 
Value 语文 

[am ]L ww | 

贺 启用 AutopostBack 


(a) (b) 
图 5.30 ListItem 集合 编辑 器 


表 5.23 DropDownList 控件 的 常用 方法 


方法 描述 
DataBind 将 数据 源 绑 定 到 被 调用 的 服务 器 控件 及 其 所 有 子 控件 
FindControl 在 当前 的 命名 容器 中 搜索 指定 的 服务 器 控件 
GetType 获取 当前 实例 的 Type 

3. 事件 


DropDownList 控件 的 事件 主要 有 SelectedIndexChanged 和 TextChanged, 其 中 
SelectedIndexChanged 事件 主要 是 当 列表 控件 的 选 定 项 在 信息 发 往 服务 器 之 间 变 化 时 发 
生 , 而 TextChanged 则 是 当 Text 和 SelectedValue 属性 更 改 时 发 生 。 


4. 示例 
【 例 5.9】 通过 设计 一 个 兴趣 爱好 的 下 拉 列 表 来 说 明 DropDownList 控件 的 使 用 方法 。 
设计 步骤 如 下 。 


步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 
个 空白 页 ,名 为 Default8. aspx。 

步骤 2 按照 如 图 5. 31 所 示 进 行 页 面 设计 。 RabeI1] 

步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

一 个 HTML 标签 ; 一 个 DropDownList 控件 图 5.31 Default8. aspx 设计 页 面 
DropDownListl1( 其 AutoPostBack 属性 设 为 True, 并 通 
过 “ListItem 集合 编辑 器 ?进行 选项 的 设置 ) ;一 个 Labell(Text 为 空 ) 标 签 。 

该 例 中 设计 如 下 事件 过 程 。 

Using System7 

Using System.Data; 

using System.Configuration; 


请 问 你 的 兴趣 爱好 是 什么 9 
EE 
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using System.Collections; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
Using System.WEb.UT.WEbControlsy 
using System.WEb.UT.WEbControls.WEbPartsy 
Using System.Web.UI.HtmlControls; 
Bublic partial class webl Default8 : System.WEb.UT.Page 
Protected void Page Load (cbject sender,EventArgs e) 
{ 
' 
Protected void DropDownListl SelectedIndexhanged (dbject sender, EventArgs e) 
{ 
Labell.Text=" 您 最 感 兴趣 的 事情 是 :" + DropDownList1.selectedItem.Text; 


} 
Default8. aspx 的 源 视图 代码 如 下 。 


< $QPage Language= "C# " RutoEventWireup= "true" CodeFile= "Default8.aspx.cs" 
Inherits= "webl Default8" %> 
< !DOCTYPE html PUBLIC "- //W3c//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.0rg/TR/xhtml1/DID/xhtmll- transitional .dtd"> 
< html xmlns= "http://www.w3.org/1999/xhtml" > 
< head runat= "server"> 
<title> DropDownList 控件 < /title> 
< /head> 
<body> 
< fom id= "foml" runat= "server"> 
<div> 
< span style= "font- size: 10.5pt;font- family: 'Times New Roman';mso— 
fareast- font- family: 新 宋体 ; 
mso- ansi- language: FEN- US;mso- fareast- language: ZH- Ql;mso- bidi— 
language: AR- SA; 
mso- no- proof: yes"> < span style= "mso- spacerun: yes"> gnbsp;< /span> 
< /span> < span style= "font- size: 10.5pt7 
font- family: 新 宋体 ;mso- ansi- language: FN- US;mso- fareast- 
language: ZH- CNrmso- bidi- language: AR- SA; 
mso- no- proof: yes;mso- ascii- font- family: 'Times New Roman'; 
mso- hansi~— font- family: 'Times New Roman'7 


mso- bidi- font- family: 'Times New Foran'> 请 问 你 的 兴趣 爱好 是 什么 xpr /> 


< asp:DropDownList ID= "DropDownListl" runat= "server" AutoPostBack— 
"True" BackColor= "Gainsboro™" 
OnselectedIndexChanged= "DropDownList1 SelectedIndexChanged"> 
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<asp:ListTtem> 看 书 < /asp:ListTtem> 
<asp:ListTte> 听 音乐 < /asp:ListTtem> 
<asp:ListITtem> 旅 游 < /asp:ListTtem> 
<asp:ListTtem> 打球 < /asp:ListItem> 
<asp:ListItem> 看 电影 < /asp:ListTter> 
<asp:ListIten> 其 他 < /asp:ListTtem> 

< /asp:DropDownList> <br /> 

<br /> 

< asp:Iabel ID= "Tabell" runat= "server" BackColor= "# FEFECO" 

ForeColor= "Black" Height= "24px" 
Width= "248px"> < /asp:Iabel]>< /span> < /div> 


大 htpy/localhostll P 明 CX| 励 DropDownUist 控 件 


兴趣 爱好 是 什么 ? 
看 电影 [> 


您 最 感 兴趣 的 事情 是 :看 电影 


图 5.32 Default8. aspx 运行 结果 


5.2.9 RadioButton 控件 和 RadioButtonList 控件 


RadioButton 控件 又 称 为 单 选 按钮 控件 ,用 于 从 一 个 或 多 个 选项 中 选择 一 项 ,属于 多 选 
一 控件 。 

RadioButtonList 控件 又 称 为 单 选 按钮 列表 控件 ,用 于 提供 一 组 RadioButton 控件 。 使 
用 RadioButtonList 控件 可 以 方便 地 快速 生成 RadioButton 。 

RadioButton 控件 的 一 般 形式 为 : 


<asp:radicbutton id= "控件 名 称 " runat= "Server" 
autopostback= "true | falsen 
checkedF "true | false" 
groupname= " 群 组 名 称 " text= 味 示 控件 的 文字 " 
textalign= " 设 定 文字 在 控件 的 左边 或 右边 " 
cncheckedchanged= "事件 程序 名 称 " /> 
RadioButtonList 控件 的 一 般 形式 为 : 
< asp:RadioButtonList 
id "控件 名 称 " 
Rnat= "server™ 
RutoPostBack= "true | false" 
TextAlign= "right | left™" 
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anselectedIndexChanged= 哇 件 程序 名 称 "> 
< asp:listitem valuer "value" selected- "true| falsen 
text= " 慰 识 浓 
< /asp:listitem> 
< /asp:RadicButtonList > 


1. 属性 
RadioButton 控件 常用 属性 主要 如 表 5. 24 所 示 。 


表 5.24 RadioButton 控件 常用 属性 


属 性 说 明 
AutoPostBack 获取 或 设置 一 个 值 ,该 值 指示 在 单 击 时 RadioButton 状态 是 否 自动 回 发 服务 器 
Checked 获取 或 设置 一 个 值 ,该 值 指示 是 否 已 选中 RadioButton 控件 
GroupName 获取 或 设置 单 选 按钮 所 属 的 组 名 
TextAlign 设 定 项 目 所 显示 的 文字 是 在 按钮 的 左 方 或 右 方 , 预 设 是 Right 
Text 获取 或 设置 与 RadioButton 关联 的 文本 标签 


注意 : RadioButton 控件 中 GroupName 是 一 个 非常 重要 的 属性 ,如 果 一 个 网 页 中 有 多 
个 RadioButton 控件 ,那些 GroupName 属性 相同 的 控件 在 逻辑 上 是 隶属 于 一 个 组 的 ,所 以 
属于 同一 组 的 控件 可 将 其 GroupName 属性 设 为 同一 值 。 

RadioButtonList 控件 常用 属性 主要 如 表 5. 25 所 示 。 


表 5.25 ”RadioButtonList 控件 常用 属性 


属 性 说 明 
本 获取 或 设置 一 个 值 .该 值 指 示 当 用 户 更 改 列 表 中 的 选 定 内 容 时 是 否 自 动产 生 向 服务 
utoPostBack 
器 的 回 发 
Items 表示 控件 对 象 中 所 有 项 的 集合 


SelectedIndex 获取 或 设置 列表 中 选 定 项 的 最 低 序号 索引 

SelectedItem 获取 列表 控件 中 索引 最 小 的 选 定 项 

SelectedValue ”| 获取 列表 控件 中 选 定 项 的 值 , 或 选择 列表 控件 中 包含 指定 值 的 项 
Text 获取 或 设置 RadioButtonList 控件 的 SelectedValue 属性 
RepeatColumns | 获取 或 设置 RadioButtonList 控件 中 显示 的 列 数 

RepeatDirection | 获取 或 设置 组 中 单 选 按钮 的 显示 方向 


注意 : 在 RadioButtonList 控件 中 一 般 使 用 Selected 属性 来 对 子 选项 进行 判断 是 否 被 
选中 。 

2. 方法 

RadioButtonList 控件 的 常用 方法 主要 如 表 5. 26 所 示 。 

3. 事件 

RadioButton 控件 的 事件 主要 有 CheckedChanged, 其 主要 是 当 Checked 属性 的 值 在 向 


225 


《ASP.NET 动态 网 站 设计 教程 (第 2 版 ) 一 一 基于 C#+SQL Server 2008》 


服务 器 进行 发 送 期 间 更 改 时 发 生 。 
表 5.26 RadioButtonList 控件 的 常用 方法 


方 法 描 述 

Add 通过 items. Add 方法 可 以 向 RadioButtonList 控件 添加 选项 

Remove 通过 items. Remove 方 法 ,可 从 RadioButtonList 控件 中 删除 指定 的 选项 
Insert 通过 items. Insert 方法 ,可 将 一 个 新 的 选项 插入 到 RadioButtonList 控件 中 
Clear 通过 items. Clear 方法 可 以 清空 RadioButtonList 控件 中 的 选项 


RadioButtonList 控件 的 事件 主要 有 CheckedIndexChanged 和 TextButton, 其 中 
CheckedIndexChanged 主要 是 当 列 表 控 件 的 选 定 项 在 信息 发 往 服务 器 之 间 变 化 时 发 生 ,而 
TextButton 则 是 在 Text 和 SelectedValue 属性 更 改 时 发 生 。 

4. 示例 

【 例 5.10】 通过 设计 一 个 性 别 和 最 高 学 历 选择 的 网 页 ,来 说 明 RadioButton 控件 和 
RadioButtonList 控件 的 使 用 方法 。 

设计 步骤 如 下 。 


步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Default9. aspx。 
步骤 2 按照 如 图 5. 33 所 示 进 行 页 面 设计 。 
bl/Default9.aspx.c: 
请 你 进行 选择 ， 日 
性 而 女 
别 : | “ 色 昼 
| 目 小 学 
日 初中 
最 日 高 中 
高 © 专科 
国 写 
加 © 本科 
. 日 硕士 
© 博士 
| 
区 确定 
和 abeliJ 


图 5.33 Default9. aspx 设计 页 面 


步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

HTML 标签 ;两 个 RadioButton 控件 (RadioButtonl 和 RadioButton2, 其 GroupName 
设 为 xb) ;一 个 RadioButtonList 控件 RadioButtonListl( 通 过 “ListItem 集合 编辑 器 ”进行 选 
项 的 设置 ) ;一 个 Buttonl 的 命令 按钮 ;一 个 Labell (Text 为 空 ) 标 签 。 

该 例 中 设计 如 下 事件 过 程 。 


226 


Using System 
using System.Datay 
Using System.Configuration; 
using System.Collectionsy 
Using System.Web; 
using System.Web.Security; 
Using System.Web.UI; 
Using System.Web.UI .WebControls; 
using System.Web.UI .WebControls.WebParts; 
Using System.Web.UT.HbmlControls” 
Public partial class webl Default9 : System.Web.UI.Page 
{ 
Protected void Page_ Load (cbject sender,EventRrgs e) 
{ 
} 
protected void Buttonl Click (object sender, EventArgs e) 
' 
String mystr= "你 的 性 别 为 :",mystrl=" 你 的 最 高 学 历 为 :"; 
if (RadicButtonl .Checked= = true) 
mystr=mystr+ RadicButtonl.Text; 
if (RadicButton?2.Checked= = true) 
mystr=mystr+ RadicButton2.Text7 
foreach (ListItem it in RadicButtonList1.Items) 
if(it.Selected==true) 
mystrl=mystrl+ 让 .Text+ "™";» 
Labell.Text=mystr+ "< br> " +mystrl; 


} 
Default9. aspx 的 源 视图 代码 如 下 。 


< $@Page Language= "C4 " AltogventWireup= "true" CodeFile= "Default9.aspx.cs" 
Inherits= "webl_ Default9" %> 
< !DOCTYPFE html PUBLIC "~ //W3C//DID XHTML 1.0 Transitional//EN" 
"http:/www.w3.org/TR/xhtmll/DTD/xhtmll- transitional .dtd"> 
<html xmlns= "http://www.w3.org/1999/xhtml™" > 
< head runat= "server"> 
<title> RadicButton 控 件 和 RadicButtonList 控件 < /title> 
< [head> 
<body> 
< fom id= "forml" runat= "server"> 
<div> 
请 你 进行 选择 :<br /> 
< table style= "width: 632px;height: 184px" border= "1"> 
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<tr> 
<td style= "width: 19px;height: 21px"> 
性 别 :< /td> 
< td style= width: 100px;height: 21px"> 
< asp:RadiButtan ID= "FadicButtonl" nnat— "server" GroukName= "sp" 
Text=" 女 " Checked= "True"/> 
Sribsp; Eribsp; gribsp; 
< asp:RadicButton ID= "RadicButton2" runat= "server" GroupName— 
"gp" Text= 鹃 " />< /to> 
</tr> 
<tr> 
<td style= "width: 19pxzheight: 218px"> 
最 高 学 历 ;< /td> 
<td style= "width: 100px;height: 218px"> 
< asp:RadicButtoanList ID= "RadicButtonList1" runat= "server"> 
<asp:ListTten> 小 学 < /asp:ListItem> 
<asp:ListIten> 初 中 < /asp:ListItem> 
<asp:ListIter> 高 中 < /asp:ListItem> 
<asp:ListItemp 专科 < /asp:ListItem> 
<asp:ListIten> 本 科 < /asp:ListItem> 
<asp:ListItem 硕士 < /asp:ListItem> 
<asp:ListIten> 博 士 < /asp:ListItem> 
< /asp:RadicButtonList> < /td> 
</tr> 
< /table> 
< /div> 
<br /> 
< asp:Button ID= "Buttonl" runat= "server" Height= "24px" OnClick= 
"Buttonl_Click" Text= "确定 " 
Wigdth= "104px" /><br /> 
<br /> 
< asp:Label ID= "Labell" runat= "server" Height= "30px" Width= "376px"> 
< /asp:Label> 
< /fom> 
< /body> 


沪 


运行 结果 如 图 5. 34 所 示 。 


: 


5.2.10 CheckBox 控件 和 CheckBoxList 控件 


CheckBox 控件 又 称 为 复 选 框 控 件 , 用 于 向 用 户 提 供 选 项 ,适用 于 选项 不 多 且 比 较 固定 


的 情况 。 
CheckBox 控件 的 一 般 形式 为 : 
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冶 httpi//localhostll > 昌 必 X | 售 Radiogutton 控 件 和 Radio x 


请 你 进行 选择 ， 
性别， 回 女 日 男 
© 小 学 
日 初中 
日 高 中 
慑 高 学 历 ; 目 专 科 
加 本 科 
© 硕士 
© 博士 
你 的 性 别 为 女 
你 的 最 高 学 历 为 本科 
图 5.34 Default9. aspx 运行 结果 
< asp:CheckBox 
ij 中 "控件 名 称 " 


Runat= "Server" 
RutoFostBack= "true | false" 
Checked= "true | false" 
Text= " 怀 示 控 件 的 文字 " 
TextAlign= " 设 定 文字 在 控件 的 左边 或 右边 " 
Oncheckedchangec= "事件 程序 名 称 " 
/> 


CheckBoxList 控件 又 称 为 复 选 框 列表 控件 ,表示 实现 多 选 按钮 的 列表 ,用 于 向 用 户 提 


供 选项 列表 ,适用 于 选项 较 多 或 在 运行 时 动态 地 决定 有 哪些 选项 时 。 


CheckBoxList 控件 的 一 般 形式 为 : 


< asp:checkboxlist 
id "控件 名 称 " 
Tunat= "server" autopostback= "true | false" 
textalign= "right | left" 
onselectedindexchanged= "事件 程序 名 称 " > 
<asp:listitem value= "value" checked= "true| false"> 
< /asp:listitem> 
< /asp:checkboxlist> 


CheckBox 控件 和 CheckBoxList 控件 是 在 应 用 程序 中 经 常用 到 的 控件 ,可 以 用 这 两 种 


类 型 的 服务 器 控件 将 复 选 框 添加 到 Web 窗 体 上 。 这 两 种 控件 都 为 用 户 提 供 了 一 种 输入 布 
尔 型 数据 的 方法 。 这 两 个 控件 都 有 各 自 的 优点 ,使 用 单个 CheckBox 控件 比 使 用 
CheckBoxList 控件 能 更 好 地 控制 页 面 上 各 个 复 选 框 的 布局 。 


1. 属性 
CheckBox 控件 的 常用 属性 主要 如 表 5. 27 所 示 。 
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表 5.27 CheckBox 控件 的 常用 属性 


属 性 说 明 
AutoPostBack 用 于 设置 在 用 户 单 击 CheckBox 控件 时 CheckBox 状态 是 否 自动 回 发 到 服务 器 
人 获取 或 设置 一 个 值 , 该 值 指示 是 否 已 选中 某 个 CheckBox 控件 , 即 判断 或 者 指定 
某 个 复 选 框 控件 的 选择 状态 
Text 获取 或 设置 与 CheckBox 关联 的 文本 标签 
TextAlign 用 于 设置 与 CheckBox 控件 相关 联 的 文本 标签 的 对 齐 方式 


OnCheckedChanged | 在 复 选 框 的 所 选项 目 发 生变 化 时 ,调用 的 事件 处 理子 程序 名 


CheckBoxI 


.ist 控件 的 常用 属性 主要 如 表 5. 28 所 示 。 
表 5.28 CheckBoxList 控件 的 常用 属性 


属 性 说 明 
六 获取 或 设置 一 个 值 , 该 值 指 示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 产生 向 服务 
utoPostBack 
器 的 回 发 
Items 表示 控件 对 象 中 所 有 项 的 集合 
SelectedIndex 获取 或 设置 列表 中 选 定 项 的 最 低 序 号 索引 


SelectedItem 


获取 列表 控件 中 索引 最 小 的 选 定 项 


SelectedValue 


获取 列表 控件 中 选 定 项 的 值 ,或 选择 列表 控件 中 包含 指定 值 的 项 


Text 


获取 或 设置 CheckBoxList 控件 的 SelectedValue 属性 


RepeatColumns 


获取 或 设置 CheckBoxList 控件 中 显示 的 列 数 


RepeatDirection 


获取 或 设置 一 个 值 ,该 值 指示 控件 是 垂直 显示 还 是 水 平 显示 


注意 : CheckBox 控件 和 CheckBoxList 控件 相 类 似 , 两 者 的 区 别 就 是 前 者 只 有 一 个 复 
选 框 而 后 者 可 以 包含 多 个 复 选 框 。 


CheckBoxI 


-ist 控件 可 以 通过 Items 属性 来 设置 子 选 项 ,每 个 子 选 项 都 具有 索引 值 , 且 


索引 值 初始 值 为 0。 


2. 方法 
CheckBoxI 


ist 控件 常用 到 的 方法 主要 有 以 下 几 个 。 


(1) 在 组 件 中 增加 一 个 检查 框 ,语法 如 下 : 


CheckBoxList.Items .Add (newListItem(< text> ,< value> )) 


(2) 访问 组 
CheckBoxList 


(3) 删除 组 


[ 件 中 的 检查 框 ,语法 如 下 : 


.Items [< index> ] 


[ 件 中 的 检查 框 , 语 法 如 下 : 


CheckBoxList.Items.Remove (< index> ) 


3. 事件 


CheckBox 控件 常用 事件 主要 有 CheckedChanged, 甚 主要 是 当 Checked 属性 的 值 在 向 
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服务 器 进行 发 送 期 间 更 改 时 发 生 。 
CheckBoxList 控件 常用 事件 如 表 5. 29 所 示 。 
表 5. 29 CheckBoxList 控件 常用 事件 


名 称 说 明 
DataBinding 当 服 务 器 控件 绑 定 到 数据 源 时 发 生 
DataBound 在 服务 器 控件 绑 定 到 数据 源 后 发 生 
SelectedIndexChanged 当 列 表 控件 的 选 定 项 在 信息 发 往 服 务 器 之 间 变 化 时 发 生 
TextChanged 当 Text 和 SelectedValue 属性 更 改 时 发 生 
4. 示例 


【 例 5.11】 设计 一 个 选择 作者 和 其 相应 的 诗词 网 页 来 说 明 CheckBox 控件 和 
CheckBoxList 控件 的 使 用 方法 。 

设计 步骤 如 下 。 

步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Default10. aspx。 

步骤 2 按照 如 图 5. 35 所 示 进 行 页 面 设计 。 


RD webi] Doersuitio pr [Ba] 


请 你 选择 下 面 所 给 出 的 作者 和 其 相应 的 作品 : 


站 村 
哺 厨 白 居 罗 


[> 
加 《< 长恨歌》 
四 《等 江 吟 》 
加 < 望 后 >》 
目 《 名 头 风 》 
回 《 念 奴 妖 
齐 辟 怀古 > 
品 加 << 梦游 天 姥 
吟 留 别 》 
目 《 饮 湖上 ， 
初 晴 后 雨 》 
回 《 赠 汪 伦 》 
回 《 浣 毗 少 》 
固 《 同 诸 公 登 
慈恩 寺 增 》 


国 


Eabel 


图 5.35 Default10. aspx 设计 页 面 


步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

HTML 标签 : 5 个 CheckBox 控件 (CheckBoxl 一 CheckBox5) ;一 个 CheckBoxList 控 
件 CheckBoxList1( 通 过 “ListItem 集合 编辑 器 ?进行 选项 的 设置 ) ;一 个 Buttonl 的 命令 按 
钮 ;一 个 Labell (Text 为 空 ) 标 签 。 

该 例 中 设计 如 下 事件 过 程 。 

Using systemy 

using System.Data; 
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using System.Configuration; 
using System.Collections; 
Using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI .WebControls.WebParts; 
Using System.Web.UI .HimlControls; 
public partial class webl Default10 : System.Web.UI.Page 
{ 
Protected void Page Load (cbject sengder,EventArgs e) 
{ 
} 
protected void Buttonl Click (cbject sender, EventArgs e) 
' 


string mystr= "",mystrl: 
if (CheckBoxl .Checked== true) 

mystr= CheckBox] .Text; 
if (CheckBox2.Checked= = true) 

mystr=mystr+ "n+ CheckBox?.Text; 
if (CheckBox3.Checked== true) 

mystr=mystr + "" + CheckBox3.Text; 
if (CheckBox4.Checked== true) 

mystr=mystr + "" + CheckBox4.Text; 
foreach (ListItem it in CheckBoxList1.Items) 

if(it.Selected==true) 

mystrl=mystrl + it.Text +"";» 

Iabell.Tst= "你 选择 的 诗人 是 : "+mystr + "<br>"+ 哄 对 应 的 作品 为 : "+mystrl; 


} 
Default10. aspx 的 源 视 图 代码 如 下 。 


< %@Page Language= "C# " AitogventWireup= "true" CodeFile= "Default10.aspx.cs" 
Inherits= "webl Default10" %> 
< !DOCTYPE html PUBLIC "~ //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DID/xhtml1— transitional .dtd"> 
< html xmlns= "http://www.w3.o0rg/1999/xhtml™" > 
< head runat= "server"> 
<title> CcheckBox 控件 和 checkBoxList 控件 < /title> 
< /head> 
<bodqy> 
< fom id= "forml" runat= "server"> 
<div 
< span lang= "EN- US" style= "font- size: 10.5pt;font— family: 'Times New 
Rcman' ;mso- fareast- font- family: 宋体 ; 
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msor- ansi- language: FEN- US;mso- fareast— language: ZH- Ql;mso- bidi— 
language: FRR- SR; 
mso- no- proof: yes"> < span style= "mso- spacerun: yes"> gnbsp;< /span> 
< /span> < span style= "font- size: 10.5pt; 
font- family: 宋体 ;mso- ansi- language: EN- US;Imso- fareast- language: 
ZH- CNmso- bidi- language: AR- SR; 
mso- no- proof: yes;mso- ascii- font- family: 'Times New Roman'; 
mso- bidi— font- family: 'Times New Roman'"> 
请 你 选择 下 面 所 给 出 的 作者 和 其 相应 的 作品 :<br /> 
< table style= "width: 840px;height: 3524px"border= "1"> 
<tr> 
<tq style= "width: 25px;height: lpx"> 
作者 :< /td> 
< tqd style= "width: 102%px;height: lpx"> 
< asp:CheckBox ID= "CheckBoxl" runat= "server" Text— 
只 白 " /> grbsp;< asp:CheckBox ID= "CheckBox2" 
runat= "server" Text= "杜甫 "” /> gnbsp;< asp:CheckBox ID= 
"CheckBox3" runat= "server" Text= "白居易 " /> gnbsp;< asp: 
CheckBox 
ID= "CheckBox4" runat= "server" Text= "陆游 " /> gnbsp; 
< asp:CheckBox ID= "heckBox5" runat= "server" 
Text= "苏轼 " />< /td 
< /tr> 
<tr> 
<td style= "width: 25pxzheight: 216px"> 
作品 < /td> 
< td style= "width: 102pxzheight: 216px"> 
<asp:CheckBoxList ID= "CheckBoxList1" runat= "server"> 
<asp:ListIter>《 浪 淘 沙 )< /asp:ListIter> 
<asp:ListIterm>《 长 恨 歌 》< /asp:ListIter> 
<asp:ListItem>《 暮 江 吟 》< /asp:ListItem> 
<asp:ListItem>《 望 岳 》< /asp:ListIter> 
<asp:ListItemx《 刍 头 风 )< /asp:ListItem> 
<asp:ListItem>《 念 奴 娇 赤壁 怀古 》< /asp:ListItem> 
<asp:ListItem>《 梦 游 天 姥 吟 留 别 》< /asp:ListItem> 
<asp:ListIterm>《 饮 湖上 , 初 晴 后 雨 》< /asp:ListItem> 
<asp:ListItem>《 赠 汪 伦 )< /asp:ListItem> 
<asp:ListItem>《 尝 溪 沙 )< /asp:ListItem> 
<asp:ListItem>《 同 诸 公 登 琵 恩 寺 塔 )< /asp:ListTter> 
< /asp:CheckBoxList> < /td> 
</tr> 
< /table> 
< /span> 
</div> 
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Snbsp; Sribsp; gnbsp; gnbsp; snbsp; gnbsp; gnbsp; nbsp; gnbsp; 


< asp:Button ID= "Buttonl" runat= "server" OnClick= "Buttonl Click" Text= 


哺 定 "<br /> 
<br /> 
nbsp; snbsp; snbsp; 


< asp:Iabel ID= "Tabell”" runat= "server" Height= "32px" Text= "Tabel" Width= 


"352px"> < /asp:Iabel> 


</htm> 


运行 结果 如 图 5. 36 所 示 : 


< 加 仿 htp://localhostll 只 - 晶 纺 X ‖ 大 checkBox 控 件 和 CheckBo.. x 


请 你 选择 下 面 所 给 出 的 作者 和 其 相应 的 作品 : 


作者 : 


贺 李 白 固 杜甫 回 白居易 固 陆游 国 苏 恩 


加 《< 浪 淘 少 》 

回 < 长 恨 歌 》 

《< 大江 I 只 > 

固 < 望 后 》 

回 《 镶 头 凤 》 

国 《 念 奴 娇 齐 壁 怀古 》 
回 < 梦游 天 姥 吟 留 别 》 
固 《< 饮 湖上 , 初 晴 后 雨 》 
固 < 赠 汪 伦 》 

固 《 尝 溪 沙 》 

固有 同 诸 公 登 慈恩 村 塔 >》 


你 选择 的 诗 


5.2.11 Image 控件 


Image 控件 又 称 图 像 控件 ,主要 用 来 显示 用 户 的 图 片 或 图 像 信息 


图 5 


其 和 的 人 全 > 《梦游 天 姥 吟 留 别 》 


.36 Defaultl0. aspx 运行 结果 


于 WebControl 类 ,可 以 在 Web 页 上 显示 图 像 。 
Image 控件 的 一 般 形式 为 : 
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< ASP: Image 
IE "Tmage 控件 的 名 字 " 


Runat= "Server™" 


JrageUr]= "图片 所 在 地 址 " 


AlternateText= "图 形 还 没 加 载 时 所 替代 的 文字 " 


ImageAligre "NotSet| AbsBottam| AbsMigdle| BaseLine|Bottam| Left|Migdle| 
Right | TextTop| Top"/> 


1. 属性 


Image 控件 的 常用 属性 及 说 明 如 表 5. 30 所 示 。 


。Image 类 直接 继承 
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表 5.30 Image 控件 常用 属性 及 说 明 


属 性 说 明 
ID 控件 ID 
ImageAlign 获取 或 设置 Image 控件 相对 于 网 页 上 其 他 元 素 的 对 齐 方式 
ImageUrl 获取 或 设置 在 Image 控件 中 显示 的 图 像 的 位 置 
Width 控件 的 宽度 
Visible 控件 是 否 可 见 
CssClass 控件 呈现 的 样式 
BackColor 控件 的 背景 颜色 
Enabled 控件 是 否 可 用 


Image 控件 的 大 部 分 属性 和 Label 控件 类 似 ,ImageUrl 属性 用 来 获取 Image 控件 中 要 
显示 图 像 的 地 址 。 

2. 方法 

Image 控件 常用 方法 同 Label 控件 类 似 , 具 体 请 参见 Label 控件 常用 方法 。 这 里 主要 介 
绍 一 下 该 控件 的 ResolveUrl 方法 ,ResolveUrl 方法 主要 用 来 将 URL 转换 为 在 请 求 客户 端 
可 用 的 URL。 

例如 ,要 使 用 ResolveUrl 方法 设置 一 个 Image 控件 的 链接 图 像 路 径 , 可 以 编写 如 下 
代码 。 


Imagel .ImageUrl= ResolveUrl (~ /image/Imagel .gif); 


3. 事件 

Image 控件 用 于 在 ASP. NET 网 页 上 显示 图 像 , 此 控件 不 支持 任何 事件 。 

4. 示例 

【 例 5.12】 设计 一 个 网 页 通过 设置 Image 控件 的 ImageUrl 属性 在 该 控件 上 显示 链接 
图 片 说 明 Image 控件 的 使 用 方法 。 

设计 步骤 如 下 。 

步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Defaultl11. aspx。 

步骤 2 在 Defaultl1. aspx 页 面 上 添加 一 个 Image 控件 。 其 中 ,ImageUrl 属性 用 来 指 
明 链 接地 址 ,ImageAlign 设置 为 居中 。 

Defaultl1. aspx 的 源 视图 代码 如 下 。 


< %$QPage Ianguage= "CH "RatcEventWireup= "true" CodeFile= "Defaultl1.aspx.cs" 
Inherits= "webl Default1l" %> 

< !DOCTYPE html PUBLIC ™- //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3-org/TR/xhtmll/DTD/xhtmll- transitional.dtd"> 

<html xmlns= "http://www.w3.o0rg/1999/xhtml™ > 
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< head runat= "server"™> 
<title> Image 控 件 < /title> 
< /head> 
< body> 
< fom id= "forml" runat— "server"™> 
<div> 
< asp: Image ID= "Imagel" runat= "server" Height= "88px" ImageAlign— 
"Midale" ImageUrl= "~ /tp/2.jpg" 
Wigth= "160px" />< /div> 


运行 结果 如 图 5. 37 所 示 。 


多 Image 控 件 


图 5.37 ”Defaultll. aspx 运行 结果 


5.2.12 ImageMap 控件 


ImageMap 控件 可 以 创建 一 个 能 与 用 户 交互 的 图 像 ,该 图 像 包 含 许多 用 户 可 以 单 击 的 
区 域 ,这 些 区域 被 称 为 作用 点 。 每 一 个 作用 点 都 可 以 是 一 个 单独 的 超 链接 或 回 发 事件 。 

ImageMap 控件 由 两 个 部 分 组 成 : 图 像 与 作用 点 控件 的 集合 。 其 中 ,图 像 可 以 是 任何 标 
准 Web 图 形 格 式 的 图 形 , 如 . gif、. jpg 或 . png 图 形 文件 。 每 个 作用 点 控件 都 是 一 个 不 同 的 
元 素 。 对 于 每 个 作用 点 控件 ,需要 定义 其 形状 ( 圆 形 .矩形 或 多 边 形 ) 以 及 用 于 指定 作用 点 的 
位 置 和 大 小 的 坐标 。 

ImageMap 控件 的 一 般 形式 为 


< asp: ImageMap ID= "ImagsMapl" runat= "server" 
ImagsUrl= "图 片 .jpg" HotSpotMpde= "Navigate" > 
< asp:CircleHoSpot /> 

< asp:PolygonHotSpot/> 

< asp:RectangleHotSpot/> 

< /asp: ImageMap 


1. 属性 
ImageMap 控件 的 常用 属性 主要 如 表 5. 31 所 示 。 
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表 5.31 ImageMap 控件 的 常用 属性 


属 性 说 明 
ImageAlign 获取 或 设置 为 ImageMap 控件 中 图 像 相 对 于 网 页 上 其 他 元 素 的 对 齐 方 式 
ImageUrl 获取 或 设置 为 ImageMap 控件 显示 的 图 像 的 路 径 
HotSpotMode 获取 或 设置 单 击 HotSpot 对 象 时 ImageMap 控件 的 HotSpot 对 象 的 默认 行为 
HotSpots 获取 HotSpot 对 象 的 集合 ,这 些 对 象 表示 ImageMap 控件 中 定义 的 作用 点 区 域 


注意 : HotSpotMode 属性 的 取 值 主要 如 表 5.32 所 示 。 
表 5.32 HotSpotMode 属性 的 取 值 
属 性 说 明 
HotSpot 使 用 由 ImageMap 控件 的 HotSpotMode 属性 设置 的 行为 。 如 果 ImageMap 


oSet 控件 未 定义 行为 ,HotSpot 对 象 将 导航 至 菜 个 URL 
Inactive HotSpot 不 具有 任何 行为 
Navigate HotSpot 定位 到 URL 


PostBack HotSpot 生成 到 服务 器 的 回 发 


此 外 还 需要 注意 HotSpots 属性 是 一 个 抽象 类 的 集合 ,其 由 HotSpot 对 象 组 成 ,主要 是 
用 来 指定 一 个 或 多 个 作用 点 的 区 域 。 

HotSpot 对 象 是 一 个 抽象 类 , 它 之 下 有 CircleHotSpot 类 ( 圆 形 热 区 ) .RectangleHotSpot( 方 
形 热 区 ) 和 PolygonHotSpot( 多 边 形 热 区 ) 三 个 子 类 。 在 实际 应 用 中 ,都 可 以 使 用 上 面 三 种 
类 型 来 指定 图 片 的 热点 区 域 。 如 果 需 要 使 用 到 自 定义 的 热点 区 域 类 型 时 ,该 类 型 必须 继承 
HotSpot 抽象 类 。 

一 般 在 ImageMap 控件 的 “属性 ”面板 中 单 击 HotSpots 属性 后 面 的 按钮 ,就 会 弹出 如 
图 5. 38 所 示 的 “HotSpot 集合 编辑 器 ”对 话 框 ,可 根据 需要 添加 HotSpot 对 象 。 但 是 需要 


| aa GirdeHotspot 属性 
2 国有 世人 
1| CirceHotSpot 
日 
”|2|CirdeHotspot i 
| I AccessKey 
TabIndex 0 
日 外 观 
Radius 0 
x 0 
时 0 
日 5 
AlternateText 
HotSpotMode 。 Notset 
NavigateUrl 
PostBackValue 
Target 
RE EE 
| 


5. 38 ”HotSpot 集合 编辑 器 
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注意 此 时 只 能 添加 CircleHotSpot 对 象 ,需要 其 他 对 象 时 可 在 源 中 进行 相应 的 更 改 或 者 在 
“添加 ”按钮 的 下 拉 菜 单 中 进行 其 他 对 象 的 选择 。 

2. 事件 

ImageMap 控件 常用 事件 只 有 Click, 主要 是 在 单 击 HotSpot 对 象 的 时 候 发 生 , 引 发 
件 时 会 通过 委托 调用 事件 处 理 程序 。 

3. 示例 

【 例 5.13】 通过 设计 一 个 显示 图 像 中 不 同 热 区 
的 网 页 来 说 明 ImageMap 控件 的 使 用 方法 。 

设计 步骤 如 下 。 

步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 
一 个 空白 页 ,名 为 Default12. aspx。 

步骤 2 按照 如 图 5. 39 所 示 进 行 页 面 设计 。 

步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

一 个 ImageMap 控件 ImageMapl( 在 “属性 ?面板 
中 单 击 HotSpots 选项 的 “选择 ”按钮 ,弹出 HotSpot 
Collection Editor( 热 区 集合 编辑 器 ) 对 话 框 , 单 击 Add 图 5. 39 ”Defaultl2. aspx 设计 界面 
按钮 右边 的 下 拉 箭 头 ,选择 RectangleHotSpot 添加 一 
个 矩形 热 区 ;添加 一 个 圆 形 热 区 ,输入 圆心 坐标 x、y 及 半径 值 ,设置 HotSpotMode 为 
PostBack,PostBackValue 为 Cir; 再 添加 一 个 矩形 热 区 ,该 热 区 的 HotSpotMode 为 
Navigate, 代 表单 击 热 区 时 执行 的 是 导航 ( 跳 转 ) 操 作 , 跳 转 的 地 址 为 NavigateUrl 属性 对 应 
的 页 面 ); 一 个 Label 控件 Labell 。 

该 例 中 设计 如 下 事件 过 程 。 


pt 
a 


ywebl/Default12.aspx* 


Using System; 
using System.Data; 
Using System.Configuration; 
Using System.Collections; 
Using System.Web; 
Using System.Web.Security; 
Using System.Web.UI; 
Using System.Web.UI .WebControls; 
using System.Web.UI .WebControls.WebParts; 
using System.Web.UI.HtmlControls; 
Public partial class webl Default12 : System.Web.UI.Page 
{ 
protected void Page Load (object sender,EventArgs e) 
' 
和 
Protected void ImageMapl Click(cbject sender, ImageMapEventArgs e) 
{ 
Switch (e.PostBackValue) 
4 


Case"Rec": 
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Response.Write(" 你 现在 所 单 击 的 矩形 热 区 "); 
break; 
Case"Cir": 
Response.Write ("你 现在 所 单 击 的 圆 形 热 区 "); 
break; 


Default12. aspx 的 源 视图 代码 如 下 。 


<$%Q@Page Language= "C# " RitcEventWireup= "true" CodeFile= "Default12.aspx.cs" 
Inherits= "webl Default12" %> 
< !IDOCTYPE html PUBLIC "- //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DID/xhtml1- transitional .dtd"> 
< html xmlns= "http://www.w3.org/1999/xhtml" > 
< head runat= "server"> 
<title> ImageMap 控 件 < /title> 
< /head> 
<body> 
< fom id= "forml" runat= "server"> 
<div> 
< asp: ImgeMap ID= "ImagsMapl" runat= "server" Height= "300px" ImageUrl= 
"~ /tp/6.jpg" 
OnClick= "ImageMapl_Click" Width= "200px"> 
< asp:RectangleHotSpot AltemateText= "这 是 一 个 矩形 热 区 " Bottam= "150" 
HotSpotMpde= "PostBack" 
PostBackValue= "Rec" Right= "100" /> 
< asp:RectangleHotSpot AltemateText= "去 网 易 " Bottam= "150" 
HotSpotMode= "Navigate" Left= "100" 
NavigateUrl= "http://www.163.0om" Right= "200" /> 
< asp:CircleHotSpot AltermateText= "这 是 圆 形 热 区 " HotspotMpde= 
"PostBack" PostBackValue= "Cir" 
Radius= "75" ¥ "100" Y= "225" /> 
< /asp:ImagsMap> < /div> 
< /form> 
< /body> 
< /htm> 


运行 结果 如 图 5. 40 所 示 。 
5.2.13 Panel 容器 控件 


Panel 容器 控件 在 Web 窗 体 页 内 提供 了 一 种 容器 ,在 它 内 部 可 以 放 入 其 他 控件 , 它 对 于 
以 编程 方式 生成 控件 以 及 显示 和 隐藏 控件 组 尤其 有 用 。Panel 是 一 种 基本 控件 ,通常 用 来 
实现 页 面 控件 分 组 ,外 观 一 致 设置 。 

Panel 容器 控件 的 一 般 形式 为 : 
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钨 http://localhost1107/WebSite2/webl/Defau 人 ” 昌 此 X | 钨 ImageMap 控 件 
p: geMap 皖 


你 现在 所 点 击 的 圆 形 热 区 


图 5.40 ”Default12. aspx 运行 结果 


<asp:Panel id= "控件 名 称 " 
BackImageUrl= "url" Runat= "server"> 
< /asp:Panel> 
1. 属性 
Panel 容器 控件 的 常用 属性 如 表 5. 33 所 示 。 


表 5.33 ”Panel 容器 控件 的 常用 属性 


属 性 说 明 
BackImageUrl 获取 或 设置 要 显示 的 背景 图 像 的 URL 
DefaultButton 获取 或 设置 Panel 容器 控件 中 默认 按钮 的 ID 
Direction 获取 或 设置 Panel 容器 控件 的 内 容 显示 方向 
GroupingText 获取 或 设置 Panel 容器 控件 中 控件 组 的 标题 
ScrollBars 获取 或 设置 Panel 容器 控件 中 滚动 栏 的 位 置 和 可 见 性 
GroupingText 获取 或 设置 Panel 容器 控件 中 控件 组 的 标题 
HorizontalAlign 获取 或 设置 内 容 的 水 平 对 齐 方式 
ScrollBars 获取 或 设置 Panel 容器 控件 中 滚动 栏 的 位 置 和 可 见 性 
2. 方法 
Panel 容器 控件 除了 作为 为 容器 来 放 入 其 他 别 的 控件 以 外 还 有 一 些 其 他 的 方法 ,具体 


说 明 如 下 。 

1) 动态 添加 控件 

2) 对 控件 和 标记 进行 分 组 

对 于 一 组 控件 和 相关 的 标记 ,可 以 通过 把 其 放置 在 Panel 控件 中 ,然后 用 操作 此 Panel 
控件 的 方式 将 它们 作为 一 个 单元 进行 管理 。 例 如 ,可 以 通过 设置 面板 的 Visible 属性 来 隐藏 
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或 显示 该 面板 中 的 一 组 控件 。 

3) 有 默认 按钮 的 窗 体 

可 将 TextBox 控件 和 Button 控件 放置 在 Panel 控件 中 ,然后 通过 将 Panel 控件 的 
DefaultButton 属性 设置 为 面板 中 某 个 按钮 的 ID 来 定义 一 个 默认 的 按钮 。 如 果 用 户 在 面板 
内 的 文本 框 中 进行 输入 时 按 Enter 键 ,这 与 用 户 单 击 特定 的 默认 按钮 具有 相同 的 效果 。 这 
有 助 于 用 户 更 有 效 地 使 用 项 目 窗 体 。 

4) 向 其 他 控件 添加 滚动 条 

有 些 控件 (如 TreeVievw 控件 ) 没 有 内 置 的 滚动 条 。 通 过 在 Panel 控件 中 放置 滚动 条 控 
件 , 可 以 添加 滚动 行为 。 若 要 向 Panel 控件 添加 滚动 条 ,请 设置 Height 和 Width 属性 ,将 
Panel 控件 限制 为 特定 的 大 小 ,然后 再 设置 ScrollBars 属性 。 

5) 页 上 的 自 定义 区 域 

可 使 用 Panel 控件 在 页 上 创建 具有 自 定义 外 观 和 行为 的 区 域 ,如 下 所 示 。 

(1) 创建 一 个 带 标 题 的 分 组 框 : 可 设置 GroupingText 属性 来 显示 标题 。 呈 现 页 时 ， 
Panel 控件 的 周围 将 显示 一 个 包含 标题 的 框 , 其 标题 是 指定 的 文本 。 

(2) 说 明 : 不 能 在 Panel 控件 中 同时 指定 滚动 条 和 分 组 文本 。 如 果 设 置 了 分 组 文本 ,其 
优先 级 高 于 滚动 条 。 

(3) 在 页 上 创建 具有 自 定 义 颜 色 或 其 他 外 观 的 区 域 : Panel 控件 支持 外 观 属性 (例如 
BackColor 和 BorderWidth) ,可 以 设置 外 观 属性 为 页 上 的 某 个 区 域 创建 独特 的 外 观 。 

(4) 说 明 : 设置 GroupingText 属性 将 自动 在 Panel 控件 周围 呈现 一 个 边框 。 

3. 添加 Panel 控件 的 具体 方法 

(1) 首先 在 “设计 ”视图 中 ,从 工具 箱 的 “标准 ”选项 卡 中 将 Panel 控件 拖 到 页 面 上 。 

(2) 若 要 创建 静态 文本 , 单 击 控件 ,然后 输入 文本 即 可 。 若 要 添加 控件 ,将 所 要 添加 的 
控件 从 “工具 箱 ” 拖 到 Panel 控件 中 。 

注意 : 如 果 需 要 运行 时 在 Panel 控件 中 添加 静态 文本 , 则 需要 创建 Literal 控件 并 设置 
它 的 Text 属性 。 然 后 ,可 以 通过 编程 方式 将 Literal 对 象 添加 到 面板 中 ,方法 与 添加 其 他 
控件 相同 。 

(3) 可 以 选择 拖 动 面板 的 边框 以 调整 控件 的 大 小 。 

注意 : 该 控件 会 自动 调整 自身 的 大 小 以 显示 其 所 有 的 子 控件 。 

(4) 根据 需要 设置 Panel 控件 的 属性 ,以 指定 窗 格 与 其 子 控 件 的 交互 方式 。 


4. 示例 

【 例 5.14】 通过 创建 一 个 学 生 信息 表 及 附加 表 网 页 来 说 明 Panel 容器 控件 的 使 用 
方法 。 

设计 步骤 如 下 。 


步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Default13. aspx。 

步骤 2 按照 如 图 5. 41 所 示 进 行 页 面 设计 。 

步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

两 个 Panel 控件 (Panell .Panel2。 其 中 Panell 用 来 添加 学 生 的 基本 信息 ;而 Panel2 用 
来 添加 学 生 的 附加 信息 ,默认 为 不 显示 )。 当 用 户 需 要 添加 学 生 附 加 信息 的 时 候 , 可 以 通过 
单 击 ViewPanel2 按钮 触发 OnClick 事件 来 显示 Panel2 。 
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学 生 附 前 信 息 表 


时 长 及 兴起 爱好， | 


显示 学 生 附加 信息 


EE i 


图 5.41 Default13. aspx 设计 页 面 


该 例 中 设计 如 下 事件 过 程 。 


using System; 
using System.Data; 
Using System.Configuration; 
using System.Collections; 
Using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Web.UI.HtmlControls; 
Public partial class webl _ Default13 : System.Web.UI.Page 
{ 
Protected void Page_ Load (cbject sender,EventArgs e) 
{ 
} 
protected void TextBoxl TextChanged (cbject sender,EventArgs e) 
{ 
} 
protected void ViewPanel? Click (cbject sender,EventArgs e) 
{ 
Panel?2.Visible= true; 
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Default13. aspx 的 源 视 图 代码 如 下 。 


< %QPage Language= "CH " AutoEventWireup= "true" CodeFile= "Default13.aspx.cs" 
Inherits= "webl Default13" $> 
< !DOCTYFE html PUBLIC " //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DID/xhtml1- transitional .dtd"> 
<html xmlns= "http://www.w3.0rg/1999/xhtml™" > 
< head runat= "server"> 
<title> Panel 容器 控件 < /title> 
< /head> 
< body> 
< fom id= "forml" runat= "server"> 
<div> 
< asp:Panel ID= "Panell" runat= "server" BackColor= "WhiteSmoke" Height= 
"208px" Style= "color: black"Width= "488px"> 
gnbsp; snibsp; gnbsp; gnibsp; snibsp; gnibsp; gribsp; gnibsp; Eribsp; gnibsp; snibsp; 学 生 基 本 信息 <br /> 
姓名 : gribep; srbsp;< asp:TextBox ID= "TextBox1" runat= "server" BackCoblor- 
啡 COCOFF" ForeColor= "Black" 
OnTextChangedF "TextBox] TextChanged"> < /asp:TextBox> <br /> 
<br /> 
班级 : gnbsp; gnibsp;< asp:TExtBox ID= "TExtBox2" runat= "server" BackColor= 
"COCOFE™ ForeColor= "Black"> < /asp:TextBox> <br /> 
<br /> 
学 号 : grbep;&rbep;< asp:TextBox ID= "TextBox3" runat= "server" BackOblor= 
™# COCOFF" ForeColor= "Black"> < /asp:TextBox> <br /> 
<br /> 
联系 电话 :< asp:TextBox ID= "TextBox4" runat= "server" BackColor= "# COCOFE™ 
ForeColor= "Black"> < /asp:TextBox> <br /> 
<br /> 
家 庭 住 址 :< asp:TextBox ID= "TextBox5" runat= "server" BackColor= "# COCOFE™ 
BorderColor= "Transparent" 
ForeColor= "Black"> < /asp:TextBox> < /asp:Panel> 
Sribsp;< /div> 
<br/> 
< asp:Panel ID= "Panel2" runat= "server" BackColor= "# FFFFCO" Height= 
"208px" Width= "488px" Visible= "False"> 
gnbsp; snibsp; nbsp; énbsp; sribsp; nibsp; gnibsp; Sribsp; sribsp; gnibsp; 学 生 附 加 信息 表 <br /> 
特长 及 兴趣 爱好 :< asp:TextBox ID= "TextBox6" runat=" " Height= "56px" 
TextMpde= "MiltiLine"> < /asp:TextBox> < /asp:Panel> 
< asp:Button ID= "ViewPanel2" runat= "server" Height= "24px" Onclick= 
"ViewPanel2 Click” 
Text= "显示 学 生 附 加 信息 " wigth= "192px" /> snbsp; 
< asp:TextBox ID= "TextBox7" runat= "server" ForeColor= "Red" Height= 
中 Gpx" Width= "200pz"> 备注 :< /asp:TextBox> <br /> 
< /fomr> 


< /body> 
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| hap/nocahostl107/WebstezwebyDefau DP - BOX|Broncsat | 
学 生 基 本 信息 


姓名 : 

班级 ， 于是 是 时 BB 
5 EREEEEE 
联系 电话 ，[ESSSSSS 
永 诺 信 直 ,IE 


显示 学 生 附加 信息 备注 : 


图 5. 42 Default13. aspx 运行 结果 1 


当 按 下 四 zhi 量 后 显示 : 


< Tr -ecx eeeaen | 
时 学 生 基 本 信息 
班级 ， [ES 
学 号 ， [EE 
联系 电话 ， 轩 时 俺 估计 庆 唆 吧 | 
灾 庄 仁 直 ， 冯 UE 因 因 半天 


学 生 附 加 信息 表 3 


特长 及 兴趣 爱好 ， - 


显示 学 信息 备注 : 


图 5. 43 Default13. aspx 运行 结果 2 


5.2.14 FileUpload 文件 上 传 控 件 


FileUpload 是 文件 上 传 控件 ,实现 文件 从 客户 机 发 送 到 服务 器 的 功能 。 该 控件 显示 一 
个 文本 框 和 一 个 “浏览 ”按钮 ,文本 框 用 于 输入 希望 上 传 到 服务 器 的 文件 的 名 称 , “浏览 ”按钮 
用 于 显示 一 个 客户 机 的 打开 对 话 框 。 

注意 : FileUpload 文件 上 传 控件 不 会 自动 上 传 文件 ,必须 设置 相关 的 事件 处 理 程序 ,并 
在 程序 中 实现 文件 上 传 。 

FileUpload 控件 的 一 般 形 式 为 : 
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< asp:FileUpload id= "FileUploadl1" 
Rinat= "Server" 
FileName= "URL" > 
< /asp:FileUpload> 
1. 属性 
FileUpload 文件 上 传 控 件 常 用 的 属性 如 表 5. 34 所 示 。 


表 5.34 FileUpload 文件 上 传 控 件 常用 的 属性 


属 性 说 明 
Enable 用 于 禁用 FileUpload 控件 
FileBytes 以 字 节 数组 形式 获取 上 传 文件 内 容 
FileContent 以 流 (Stream) 形 式 获取 上 传 文件 内 容 
FileName 用 于 获得 上 传 文件 名 字 ( 包 括 扩 展 名 ) 
HasFile 有 上 传 文件 时 返回 True 
PostedFile 用 于 获取 包装 成 HttpPostFile 对 象 的 上 传 文件 


注意 : FileUpload 文件 上 传 控件 的 PostedFile 属性 是 HttpPostFile 类 对 象 。 而 
HttpPostFile 类 对 象 用 来 提供 对 客户 端 已 上 载 的 单独 文件 的 访问 。HttpPostFile 类 对 象 常 
用 的 属性 如 表 5.35 所 示 。 


表 5.35 HttpPostFile 类 对 象 常用 的 属性 


属 性 说 明 属 性 说 明 
ContentLength | 用 于 获得 上 传 文件 的 字 节 大 小 ‖ FileName 用 于 获得 上 传 文件 的 名 字 
ContentType 用 于 获得 上 传 文件 的 类 型 InputStream 把 上 传 文件 当成 流 来 获取 

2. 方法 


FileUpload 文件 上 传 控件 常用 的 方法 主要 有 SaveAs() 和 Focus。 其 中 ,SaveAs() 主 要 
用 于 把 上 传 文件 保存 到 文件 系统 中 (绝对 路 径 ) ,而 Focus 是 设置 FileUpLoad 控件 的 焦点 。 

HttpPostFile 类 对 象 常用 的 方法 主要 是 SaveAs, 用 来 保存 上 传 文件 的 内 容 。 

3. 示例 

【 例 5.15】 通过 创建 一 个 文件 上 传 网 页 来 说 明 FileUpload 文件 上 传 控 件 的 使 用 方法 。 

在 操作 过 程 中 首先 在 页 面 中 拖 入 一 个 FileUpload 控件 和 一 个 Button 按钮 。 

设计 步骤 如 下 。 

步骤 1 在 MYWEB 网 站 的 webl 文件 夹 中 创建 一 个 空白 页 ,名 为 Defaultl4. aspx。 

步骤 2 按照 如 图 5.44 所 示 进 行 页 面 设计 。 

步骤 3 根据 需要 进行 如 下 控件 的 创建 和 设置 。 

一 个 FileUpload 文件 上 传 控 件 FileUploadl( 其 组 成 是 一 个 文本 框 和 一 个 “浏览 ”命令 
按钮 到 ) ;一 个 Button 按钮 Button1l ;一 个 Labell。 

该 例 中 设计 如 下 事件 过 程 。 
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> webl/Default14.aspx* 上 


请 上 传 文件 : 


EE 


Babel 1 


图 5. 44 Default14. aspx 设计 界面 


using Systemy 
Using System.Datay 
Using System.Configurationy 
Using System.Collectionsy 
Using System.Weby 
Using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI .WebControls; 
using System.Web.UI .WebControls.Webparts; 
Using System.Web.UI .HimlControls; 
public partial class webl Default14 : System.Web.UI.Page 
{ 
protected void Page Load (cbject sender,EventArgs e) 
{ 
} 
protected void Buttonl Click (cbject sender,EventArgs e) 
{ 
if (FileUploadl .HasFile) 
{ 
try 
t 
FileUploadl .PostedFile.SaveAs ("F:\\MYWEB\\" + FileUploadl. 
FileName); 
Labell.Text=" 文 件 上 传 成 功 "; 


catch 
4 
Iabell.Text= "文件 上 传 失败 "; 


} 
Defaultl4. aspx 的 源 视图 代码 如 下 。 


< $@ Page Language= "C# " AutopventWireup= "true" CodeFile= "Default14.aspx.cs" 
Inherits= "webl Defaultl4" %> 
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:< !IDOCTYPE html PUBLIC ™— //W3C//DID XHIML 1.0 Transitional//EN" 
"http://www.w3.o0rg/TR/xhtml1/DID/xhtml1— transitional .dtd"> 
< html xmlns= "http://www.w3.o0rg/1999/zhtml™" > 
< head runat= "server"™> 
<title> FileUpload 文 件 上 传 控件 < /title> 
< headq> 
<body> 
< fom id= "foml" runat= "server'> 
<div> 
请 上 传 文件 :<br /> 
< asp:FileUpload ID= "FileUploadl" runat= "server" Height= "24px" Width= 
"416pzx" /> 
Snbsp; gnibsp; grbsp; gnbsp;< br /> 
<br/> 
Snbsp; gnbsp; gribsp; grbsp; gnbsp; 
< asp:Button ID= "Buttonl" runat= "server" BackColor= "# COCOFF" Height= 
"32px" OnClick= "Buttonl Click" 
Text= "确定 上 传 "Width= "168px" /><br /> 
<br 和 > 
<br /> 
< asp:Label ID= "Labell" runat= "server" Height= "24px" Width= "416px"> 
< /asp:Label> < /div> 
< /fomr> 


DO ween -Sox] Orunowzm rons | 


请 上 传 文件 ， 
FMYWEB\web1\Default11.aspx EE 


€ OE | 
请 上 传 文件 ， 


EC 


文件 上 传 成 功 


图 5.45 ”Default14. aspx 运行 结果 
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s.3 数据 验证 控件 


在 Web 网 站 中 ,经 常 需要 用 户 输入 一 些 信 息 , 例 如 用 户 注 册 时 要 求 他 们 输入 用 户 名 和 
密码 。 为 了 避免 用 户 输 入 无 效 的 数据 ,必须 对 用 户 输入 数据 的 有 效 性 进行 检测 ,确保 用 户 输 
入 的 数据 是 有 效 的 。 该 验证 控件 的 作用 如 下 。 

(1) 数据 验证 控件 用 于 对 用 户 输入 的 数据 进行 验证 。 

(2) 不 同 种 类 的 数据 验证 控件 完成 不 同 的 数据 验证 工作 。 

Visual Studio 提供 了 一 整套 数据 验证 控件 ,可 以 像 其 他 服务 
器 控件 一 样 , 向 页 面 添加 验证 控件 。 

ASP. NET 提供 的 数据 验证 控件 如 图 5. 46 所 示 。 

验证 控件 自身 并 不 提供 接收 用 户 输入 的 可 视 化 界面 元 素 , 因 
而 ,它们 需要 与 其 他 控件 相配 合 完 成 验证 数据 的 工作 ,可 以 使 用 
验证 控件 的 ControlToValidate 属性 将 验证 控件 与 被 验证 控件 关 
联 起 来 。 

数据 验证 执行 的 环境 如 下 。 

(1) 服务 器 端 验证 : 验证 控件 可 以 在 服务 器 端 代 码 中 执行 输 
入 检查 。 网 页 运行 时 ,用 户 在 各 种 输入 控件 中 输入 信息 , 当 浏览 器 将 信息 发 送 到 服务 器 时 会 
引发 一 个 数据 验证 的 处 理 过 程 。 在 此 过 程 中 服务 器 将 一 一 调用 控件 来 检查 用 户 的 输入 。 验 
证 控件 会 提取 用 户 输入 的 内 容 并 根据 软件 工程 师 设 定 的 标准 进行 测试 。 如 果 任 意 输 入 控件 
检测 到 一 个 验证 错误 , 则 该 页 面 将 自行 设置 为 无 效 状 态 , 并 会 将 该 页 面 发 回 客 户 端 ,显示 错 
误 消息 。 这 个 验证 过 程 被 称 为 服务 器 端 验 证 。 

(2) 客户 端 验证 : 在 浏览 器 端 使 用 JavaScript。 这 样 可 以 缩短 页 面 的 响应 时 间 , 因 为 错 
误 将 被 立即 检测 到 并 且 将 在 用 户 离开 包含 错误 的 控件 后 立即 显示 错误 信息 ,无 须 花 费 网 络 
传输 时 间 。 由 于 这 种 数据 验证 的 过 程 在 客户 端 进行 ,不 需要 Web 服务 器 的 配合 ,因此 被 称 
为 客户 端 验 证 。 

即使 验证 控件 已 在 客户 端 执行 验证 ,ASP. NET 仍 会 在 服务 器 上 执行 验证 。 这 有 助 于 
防止 用 户 通过 禁用 或 更 改 客 户 端 脚 本 检查 来 逃避 验证 。 

(1) 多 条 件 验 证 。 可 以 将 多 个 验证 控件 与 页 面 上 的 某 个 输入 控件 相互 关联 。 此 时 ,用 
户 输入 的 数据 必须 通过 所 有 验证 控件 的 检测 才能 被 视 为 有 效 。 

(2) 显示 数据 验证 的 信息 。 验 证 控件 通常 在 呈现 的 页 面 中 不 可 见 , 但 是 ,如 果 控 件 检测 
到 错误 , 它 将 在 页 面 上 显示 指定 的 错误 信息 文本 。 验 证 控件 的 Display 属性 用 于 确定 显示 
信息 的 方式 。 此 属性 有 以 下 几 个 取 值 。 

Q@ Static: 指定 为 此 值 时 ,验证 程序 控件 显示 错误 信息 时 不 会 影响 现 有 网 页 的 布局 。 但 
要 求 在 页 面 设计 时 必须 留 出 专门 的 空间 用 于 显示 错误 信息 。 因 此 ,同一 输入 控件 的 多 个 验 
证 程序 必须 在 页 面 上 占据 不 同 的 位 置 。 

@ Dynamic: 指定 此 值 时 ,页 面 上 没有 预先 为 出 错 信息 预 留 空间 ,而 是 动态 地 在 页 面 上 
增加 HTML 代码 以 显示 错误 信息 ,这 就 有 可 能 破坏 页 面 的 已 有 布局 。 因 此 ,用 于 显示 程序 


从 指针 

3 RequiredFisldyalidator 

YY RangeValidator 

3 Reealargxpressionyalidator 
Sy ConpareValidator 

By CustonValidator 

国 vaidationSunary 


图 5.46 数据 验证 控件 
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错误 信息 的 HTML 元 素 必 须 足 够 大 ,可 以 容 得 下 要 显示 的 最 长 的 错误 信息 。 使 用 该 方式 
的 优点 是 多 个 验证 程序 可 以 在 页 面 上 共享 同一 个 物理 位 置 。 

@ None: 所 有 错误 信息 只 显示 在 ValidationSummary 控件 中 。 专 用 于 接收 网 页 中 验 
证 控件 的 信息 并 以 合适 的 方式 显示 在 网 页 上 。 它 有 以 下 三 种 方式 显示 验证 信息 。 

。 BulletList: 以 项 目 符号 列表 方式 显示 验证 信息 。 

。 List: 以 一 个 列表 方式 显示 验证 信息 。 

。 SingleParagraph: 用 一 个 独立 的 文本 段 来 显示 验证 信息 。 

这 三 种 方式 可 以 通过 给 ValidationSummary 控件 的 DisplayMode 属性 赋值 来 选 定 。 另 
外 ,通过 分 别 设置 ValidationSummary 控件 的 ShowSummary 和 ShowMessageBox 属性 ,可 
以 选择 是 在 网 页 上 还 是 在 客户 端 弹出 的 消息 框 中 显示 信息 。 

ASP. NET 数据 验证 控件 设计 得 易于 使 用 ,许多 情况 下 不 需要 人 工 书 写 代码 ,但 是 它 仍 
然 提 供 了 让 软件 工程 师 书写 代码 来 控制 数据 验证 过 程 的 方法 。 

(1) 每 个 验证 控件 都 会 公开 自己 的 IsValid 属性 ,该 属性 指明 数据 是 否 通 过 了 本 控件 的 


(2) Page 类 公开 一 个 了 IsValid 属性 , 当 其 为 True 时 ,表示 数据 已 通过 了 页 面 上 所 有 
验证 控件 的 验证 。 


(3) 可 以 通过 为 CustomValidator 控件 编写 代码 来 进行 特定 的 数据 验证 。 
(4) 由 于 验证 是 在 回 发 时 引发 的 ,因此 ,通过 将 引发 回 发 的 控件 的 CausesValidation 属 
性 设置 为 false, 可 以 停止 ASP. NET 所 提供 的 数据 验证 功能 ,而 完全 采用 手写 代码 的 方法 
进行 数据 验证 。 
数据 验证 控件 如 表 5. 36 所 示 。 
表 5.36 数据 验证 控件 


控件 名 称 说 明 
RequiredFieldValidator 验证 用 户 是 否 已 输入 数据 
CompareValidator 将 用 户 输入 的 数据 与 男 一 个 数据 进行 比较 
CustomValidator 自 定义 的 验证 方式 
RangeValidator 验证 用 户 输入 的 数据 是 否 在 指定 范围 内 
RegularExpressionValidator 以 特定 规则 验证 用 户 输入 的 数据 
ValidationSummary 显示 未 通过 验证 的 控件 的 信息 


数据 验证 控件 共有 的 主要 属性 如 表 5. 37 所 示 。 
5.3.1 非 空 数据 验证 


非 空 数据 验证 是 RequiredFieldValidator 控件 ,主要 用 于 检测 必 填 项 。 
基本 步 又 如 下 。 

(1) 放置 用 户 输入 控件 到 页 面 上 。 

(2) 放置 一 个 RequiredField 控件 到 页 面 上 。 

(3) 设置 数据 验证 控件 的 ControlToValidate 属性 引用 用 户 输入 控件 。 
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表 5.37 数据 验证 控件 共有 的 主要 属性 


属 性 说 明 
ControlToValidate | 指定 需要 验证 的 控件 名 
指定 验证 控件 的 显示 方式 。 可 取 下 列 值 之 一 。 
None: 验证 控件 内 容 不 在 控件 位 置 上 显示 ,而 在 ValidationSummary 控件 中 显示 错 
Disply 误 信息 。 


Static: 无 论 验证 结果 如 何 ,验证 控件 的 内 容 总 要 占据 页 面 空间 。 
Dynamic: 如 果 验 证 失败 ,验证 控件 显示 错误 信息 。 而 当 验 证 无 错误 时 ,验证 控件 
内 容 不 占据 页 面 空间 


EnableClientScript 


指示 是 否 启 用 客户 端 验证 。 通 过 将 EnableClientScript 值 设置 为 false, 可 在 支持 此 
功能 的 浏览 器 上 禁用 客户 端 验证 


Enabled 指示 是 否 启用 验证 控件 。 默 认为 True( 启 用 ) 

ErrorMessage 当 验 证 失败 时 ,在 ValidationSummary 控件 中 显示 错误 信息 

ForeColor 指定 当 验 证 失败 时 用 于 内 联 显示 的 颜色 

IsValid 返回 ControlToValidate 属性 所 指定 的 控件 是 否 通 过 验证 ,通过 为 True, 不 通过 为 
0 False。 该 属性 只 能 在 编程 中 使 用 

Text 若 设置 该 属性 , 则 验证 失败 时 会 在 验证 控件 中 显示 Text 属性 定义 的 消息 , 若 未 设 


置 此 属性 , 则 在 控件 中 显示 ErrorMessage 属性 中 指定 的 文本 


RequiredFieldValidator 控件 的 语法 : 


<Rsp: RegquiredFieldvalidator 

Runat= "Server" Id= "…" ControlToValidate= "…" InitalValue=m…" 
Text= mm ErrorMessage= mw > 

< /asp: RegquiredFieldqvalidator > 


【 例 5.16】 RequiredFieldValidator 验证 控件 示例 。 网 页 启动 后 显示 如 图 5. 47 所 示 的 
数据 输入 界面 , 若 在 “用 户 名 ”和 “密码 ”文本 框 中 不 输入 字符 , 则 给 出 相应 的 验证 出 错 提 示 ， 


如 图 5. 48 所 示 。 
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Ea 
加 名 - 避 - 国 国信 | 让 汪 由 RR 加 如 如 | 人 避 加 [本 


ETUT7 TT 


文件 FE) 编辑 EF) 查看 收 若 局) 工具 CD) 帮助 0 


遇 相 入 http://1ocalhost/ASPHETBOORNEW/Ex10-1. aspx 了 | 因 轩 到 | 链接 >” 
、 | 
请 输入 用 户 名 和 密码 : 


姓名 : 隔 X 用 FF | 
密码 ， 


到 


图 5. 47 ”RequiredFieldValidator 示例 输入 界面 
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ET EO TT ol 
文件 中 编辑 E) 查看 WW) 收 总 工具 上 和 二 中 | 刘 
名 恨 -昌国 因 的 | 只 抽 过 疗 收 戈 关 寺 措 体 巴 | 加- 避 国 口 > 
中 娃 W| 狼 http://1ocalhost/ASPNETBOOKNEN/Ex10-1. aspx 了 ] 国 轩 到 链接” 


请 输入 用 户 名 和 密码 : 


姓名 ， 隔 用 克 ”| 您 必须 填写 用 户 各 
密码 : 您 必须 填写 密码 


LE 
TT mt /4 
图 5.48 RequiredFieldValidator 验证 结果 


源 程序 如 下 : 


<Htm><Body><Eont Size=5 Face= "黑体 喧 请 输入 用 户 名 和 密码 :< /Font> 
< Fom Runat= "Server"> 
姓名 :<Asp:TextBox Runat= "Server" Id= "UserName" Text= "输入 用 户 名 " /> 
< Asp:RequiredFieldValidator Runat= "Server" ControlToValidate= "UserName" 
ErrorMessage= "您 必须 填写 用 户 名 " InitialValue= "输入 用 户 名 " /><Br> 
密码 :< Asp:TextBox Runat= "Server" Id= "Pass" /> 
< Asp:RequiredFieldValidator Runat= "Server" ControlToValidate= "Pass" 
ErrorMessage= "您 必须 填写 密码 " /><Br><Br> 
< Asp:Button Runat= "Server" Text= "确定 " /><Br> <Br> 
< /Fom> < /Body> < /Hbm> 
在 这 里 特别 要 注意 该 控件 的 Initialvalue 属性 。 仅 当 输 入 控件 失去 焦点 ,而 且 用 户 在 此 
输入 控件 中 输入 值 等 于 Initialvalue 属性 值 时 该 控件 才 认 为 其 数据 不 能 通过 验证 。 默 认 情 
况 下 Initialvalue 属性 的 值 为 空 串 ,因此 ,示例 中 当 用 户 什 么 都 不 输入 而 直接 单 击 “ 确 定 ” 按 
钮 时 将 显示 出 错 信息 。 当 数据 验证 通过 后 ,网 页 将 使 用 一 个 JavaScript 消息 框 通知 用 户 “ 数 
据 有 效 ,数据 提交 成 功 ”"。 使 用 这 种 方法 可 以 避免 破坏 网 页 的 现 有 布局 。 


5.3.2 数据 范围 验证 


数据 范围 验证 使 用 的 是 RangeValidator 控件 ,如 果 和 希望 仅 允 许 用 户 输入 特定 范围 内 的 
数据 ,可 以 同时 使 用 该 控件 。 
RangeValidator 控件 的 语法 : 


< Asp: RangeValidator 

Runat= "Server" Id= ™**" ControlToValidate="™**" 

MaximmValue= "指定 范围 的 最 大 值 " MinimnValve= "指定 范围 的 最 小 值 " 
Type= "{Currency ,Date ,Double ,Integer ,String }" 

Text= mm ErrorMessage=™" > 

< /Asp: RangeValidator> 


RangeValidator 控件 特有 的 属性 有 以 下 两 个 。 
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(1) MinimumValue 属性 和 MaximumValue 属性 : 分 别 指定 有 效 范 围 的 最 小 值 和 最 
大 值 。 
(2) Type 属性 : 用 于 指定 要 比较 的 值 的 数据 类 型 ,如 图 5. 49 所 示 。 


[Be Whndow ntemet Explorerlsl ES 


(GO Neenon -To |x| [a 


[BB Windows nteme.. eal | 
Oa wearonr "1s Tx) 比 对 两 个 控件 中 的 数据 


请 在 以 下 两 个 文本 框 中 输入 一 样 的 值 ， 
限定 输入 特定 范围 的 数据 


请 输入 一 个 1] 到 100 间 的 数字 ， 
20d 


无 效 的 数据 两 个 文本 框 中 的 值 不 一 样 ! 


| 
| 吕 @ internet | 保护 模式 : 禁用 国 100% ~ 节 国 Internet | 保护 模式 : 禁用 


图 5.49 限定 输入 特定 范围 的 数据 图 5.50” 比 对 两 个 控件 中 的 数据 


5.3.3 数据 比较 验证 


数据 比较 验证 使 用 的 是 CompareValidator 控件 ,在 网 页 中 有 时 需要 比 对 用 户 在 两 个 控 
件 中 输入 法 的 数据 ,例如 ,在 网 站 中 注册 用 户 确定 账户 密码 时 ,需要 在 两 个 文本 框 中 各 输入 
一 次 密码 ,系统 需要 对 用 户 两 次 输入 的 数据 进行 比 对 。 示 例如 图 5. 50 所 示 。 

CompareValidator 控件 的 语法 : 

< Asp:CarpareValidator 

Runat= "Server" Id= "…" ControlToValidate=™*" 

ControlToCanpare= "… " Type= "{Currency ,Date ,Double ,Integer ,String } " 

Oprator= "{Eoual, NotEqual, GreaterThan, GreaterThanEoual, LessThan, 

LessThangaual, DataTypeCheck} " Text= "+ " ErrorMessage= mm > 

< /asp:ComparsValidator> 

CompareValidator 控件 特有 的 属性 有 以 下 4 个 。 

(1) ValueToCompare 属性 : 获取 或 设置 用 来 比较 的 常量 。 

(2) ControlToCompare 属性 : 获取 或 设置 与 ControlToValidate 属性 所 指定 的 控件 进 
行 比 较 的 控件 的 标识 。 

注意 : 通常 不 同时 设置 ControlToCompare 属性 和 ValueToCompare 属性 。 

(3) Type 属性 : 获取 或 设置 用 来 比较 的 数据 的 类 型 ,默认 为 String。 在 进行 比较 之 前 ， 
用 户 输入 的 数据 将 先 被 转换 为 指定 的 类 型 。 

(4) Operator 属性 : 获取 或 设置 比较 运算 符 , 默 认 值 为 Equal。 比 较 操 作 的 种 类 如 
表 5. 38 所 示 。 
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表 5.38 比较 操作 的 种 类 


操 作 说 明 
Equal 所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 相等 比较 
NotEqual 所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 不 相等 比较 
GreaterThan 所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 大 于 比较 
GreaterThanEqual | 所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 大 于 或 等 于 比较 
LessThan 所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 小 于 比较 


LessThanEqual 所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 小 于 或 等 于 比较 


输入 到 所 验证 的 输入 控件 的 值 与 BaseCompareValidator. Type 属性 指定 的 数据 类 
DataTypeCheck 型 之 间 的 数据 类 型 比较 。 如 果 无 法 将 该 值 转换 为 指定 的 数据 类 型 , 则 验证 失败 。 
使 用 此 运算 符 时 ,将 忽略 ControlToCompare 和 ValueToCompare 属性 


5.3.4 数据 类 型 验证 


在 网 页 中 经 常 希望 用 户 只 输入 特定 类 型 的 数据 ,这 时 就 要 使 用 CompareValidator 控件 
来 完成 这 个 任务 。 r _ 

CompareValidator 控件 的 Operator 属性 OR 汪 
可 以 取 一 个 特殊 的 值 *DataTypeCheck”, 用 于 FT 
判断 用 户 在 特定 的 输入 控件 中 输入 的 数据 是 
和 否 指定 的 数据 类 型 。 此 数据 类 型 由 Type 属性 
来 设 定 , 共 有 5 种 可 取 值 :“String”“Integer”、 
“Double”、“DateTime”、“Currency”。 使 用 这 
个 属性 就 可 以 限定 用 户 输 入 数据 的 类 型 。 例 
如 ,只 允许 输入 数字 而 不 允许 输入 其 他 字符 ， 
结果 如 图 5. 51 所 示 。 


5.3.5 数据 格式 验证 图 5.51 限定 用 户 输入 数据 的 类 型 


如 果 和 希望 对 用 户 输入 的 数据 进行 一 些 复杂 的 数据 验证 工作 ,可 以 通过 使 用 控件 
RegularExpressionValidator 来 实现 。 例 如 ,要 求 用 户 按照 “(区 号 ) 电 话 号 码 ” 的 格式 输入 电 
话 号 码 。 如 果 使 用 常用 的 字符 串 操作 来 完成 这 个 数据 验证 工作 是 很 麻烦 的 ,必须 完成 以 下 
工作 。 

(1) 除了 括号 ,其 余 字 符 要 求全 数字 ; 

(2) 要 区 分 全 角 半 和 角 两 种 情况 ; 

(3) 开头 、 结 尾 及 中 间 不 能 出 现 空格 ; 

(4) 区 号 是 可 选 的 ,如 果 无 区 号 括号 必须 去 掉 ; 

(5) 电话 号 码 不 少 于 6 位 。 

而 该 控件 使 用 的 表达 式 可 以 方便 地 完成 上 述 复杂 的 数据 验证 工作 。 

例如 ,网 页 中 需要 检验 用 户 输入 的 是 否 为 有 效 电 子 邮件 地 址 ,可 使 用 以 下 的 正则 表达 式 
来 完成 这 个 工作 。 


限定 用 户 输入 数据 的 类 型 


请 输入 一 个 数字 ，[abcd 
EH 


用 只 能 输入 数字 
| 
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NAw 十 ([ 一 十 . ?J]\w+)* @NAw 十 ([ 一 . J\wt+)*\,\w+9[—. J\w++)* 
只 须 将 此 表达 式 赋予 RegularExpressionValidator 控件 的 ValidationExpression 属性 


即 可 ,如 图 5. 52 所 示 。 


「 ee Windows ntenet Explorer (ld 
GO | rp/ocalhostr. ~ [4 [x | as 
容 次 | 各 全 FR 和 复 .| | 价 ” 国 ”各 
使 用 正则 表达 式 进 行 复杂 数据 验证 
请 输入 一 个 有 效 的 Email 址 ，@br [E59 
非法 的 电子 邮件 地 址 
| 四 
国 @ Internet | 保护 模式 : 禁用 胞 100%6 ~ 


图 5.52 使 用 正则 表达 式 进行 复杂 的 数据 验证 
RegularExpressionValidator 控件 的 语法 : 
< Asp: RegularFxpressionValidator 
Runat= "Server" Id="*" ControlToValidate="**" 
ValidationExpression= ™** " Text= "™** " ErrorMessage= ™**" > 
< /Asp: RegularExpressionValidator> 
例如 : 
(1) [a-zA-Z0-9]{3,6} 表 示 必 须 输入 3 一 6 个 数字 或 者 大 小 写 英文 字母 。 
(2) {3,6} 表 示 可 接受 3 一 6 个 除 空格 以 外 的 任意 字符 。 
(3) Feo 9]| {3,6} 表 示 必 须 输 入 3 一 6 个 除 0 一 9 之 外 的 字符 。 
(4) [0-9] 十 表示 除 必 须 输 入 一 个 非 空 字符 外 ,还 要 至 少 输入 一 个 0 一 9 数字 。 
(5) [0-9] x* 表示 除 必 须 输入 一 个 非 空 字符 外 ,可 以 不 输入 或 者 输入 多 个 0 一 9 数字 。 
ValidationExpression 属性 中 常用 的 格式 符号 如 表 5. 39 所 示 。 

表 5.39 ValidationExpression 属性 中 常用 的 格式 符号 


格式 符号 含 4 

表示 可 接受 除 空格 以 外 的 任何 字符 。 常 和 {) 等 格式 符号 结合 使 用 

口 表示 只 能 接受 其 中 指定 的 字符 。 例 如 ,[a-zj 表 示 可 接受 小 写 英文 字母 ;[0-9 a-zj 表 示 可 接受 
数字 0 一 9 和 小 写 英文 字母 ;[abcj 表 示 可 接受 a,b,c 这 三 个 英文 字母 

人 指定 需 输 入 的 字符 个 数 。 例 如 :{3} 表 示 必 须 输 入 三 个 字符 ;{13.6} 表 示 必 须 输 入 3 一 6 个 字 

符 ;{3,} 表 示 必 须 至 少 输入 三 个 字符 ,再 多 不 限 

本 表示 ”“ 除 … 以 外 的 字符 "。 例 如 ,[^*0-9] 表 示 可 接受 除 0 一 9 之 外 的 所 有 字符 

| 表示 “或 ”。 例 如 ,[a-zj] {3}|[A-Zj{3} 表 示 必 须 输 入 三 个 小 写 英 文字 符 或 者 三 个 大 写 英文 
字母 

芝 表示 至 少 要 有 一 个 符合 的 字符 ,相当 于 {1.}。 例 如 .La-zj 十 表示 必须 至 少 输入 一 个 小 写 英文 
字母 
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续 表 
格式 符号 含 湾 
关 表示 可 有 0 个 或 多 个 符合 的 字符 ,相当 于 {0,} 
Cw 用 于 判断 用 户 输入 是 否 符合 其 括号 中 指定 的 符号 串 , 常 与 "| "格式 符号 结合 使 用 。 例 如 ， 
(?Green|Black| Milk)Tea 表示 当 用 户 输入 Green Tea、Black Tea、Milk Tea 时 都 接受 
i 转 义 符 , 用 于 指定 输入 字符 必须 为 格式 符号 的 情况 。 例 如 ,\([0-9 八 ) 表 示 必 须 输入 用 小 括号 


括 起 来 的 数字 ,如 (8) 


【 例 5.17】 RegularExpressionValidator 验证 控件 示例 。 结 合 RequiredFieldValidator 
控件 ,要 求 用 户 必 须 输入 数据 才能 进入 对 输入 数据 格式 验证 。 网 页 启动 后 , 若 用 户 未 在 文本 
框 中 输入 任何 数据 , 则 显示 如 图 5. 53 所 示 的 验证 提示 页 面 。 

http: //localhost/ASPHETBOOK/Ex10-4. aspx — Micresoft CC ASIGSIZI 
文件 时) 编辑 里 ) 查看 WD 收藏 和 工具 0 帮助 


回报 :日 "四 四 鸭 | 人 P 扫 雪 训 收 主 天 名 | 加" 吕 罗 -口才 
地 址 四 ) [外 | http://localhost/ASPHETBOOK/Ex10-4. aspx 司 加 和 | 链接 


请 输入 以 下 信息 : 


请 输入 电话 号 码 ， 电话 号 码 不 能 为 空 


请 输入 电子 邮件 地 址 ,| 电子 邮件 不 能 为 空 


图 5. 53 RequiredField 控件 验证 


若 在 文本 框 中 输入 不 符合 规则 的 数据 , 则 给 出 相应 的 验证 出 错 提示 ,如 图 5. 54 所 示 。 


请 输入 以 下 信息 : 
二 六 入 5 友 , 后 而 要 5-12 个 雪子 
EE 志 于 部 御 区 让 轩 到 名 潭 量 crrBrr ce cm 
国 
EE 
2 nin 


图 5.54 RegularExpressionValidator 控件 验证 


代码 如 下 。 


< Html>< Body> < Font Size= 5 Face= "黑体 演 请 输入 以 下 信息 :< /Econt> 

<Eorm Ranat= "Server"> 

请 输入 电话 号 码 :< Asp:TextBox Runat= "Server" Id= "telephone" Text="" /> 

< Asp:RequiredFieldValidator Runat= "Server" ControlToValidate= "telephonen 

ErrorMessage= "电话 号 码 不 能 为 空 " InitialValue="" /> 

< Rsp:RegularExpressiorValidator Runat— "Server" ControlToValidate= "telephone" 
Validationgxpression= "[0- 9] {8,12} Type= "Integer" ErrorMessage= "电话 号 码 必须 是 8~ 12 个 数字 " 
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/><Br> 

请 输入 电子 邮件 地 址 :<Rsp:TextBox Runat= "Server" Id= "email" Text="" /> 

< Asp:RequiredFieldValidator Runat= "Server" ControlToValidate= "email" 
ErrorMessage= "电子 邮件 不 能 为 空 " InitialValue="" /> 

< Asp:RegularExpressionValidator Runat= "Server" ControlToValidate= "email" 
ValidationExpression=".{1,}@.{3,}" ErrorMessage= "电子 邮件 地 址 格式 必须 是 
XXXQe@XXX-XXXX-XXXn"A><Br<Br> 

< Asp:Button Runat= "Server" Text= "确定 " 和 > 

< /Eorm < /Body> < /Htm> custcnvalidator 控 件 


5.3.6 页面 统 一 验证 
页 面 统一 验证 控件 ValidationSummary 的 语法 格式 : 


< Asp: ValidationSurmary Runat= "Server" Id= "… "ShowSunmary= "{True,False}" 

EnableClientScript= "{True, False}" ShonMessageBox= "{True,False}" 

DisplayMbde= "{BulletList, list,SingleParagraph}" HeaderText= wm…" > 

< /Asp: ValidationSurmary> 

(1) DisplayMode: 获取 或 设置 ValidationSummary 控件 的 显示 格式 , 见 表 5. 40。 
表 5.40 DisplayMode 属性 的 取 值 及 说 明 


取 值 说 明 
BulletList 显示 在 项 目 符号 列表 中 的 的 验证 摘要 。 此 为 默认 值 
List 显示 在 列表 中 的 验证 摘要 
SingleParagraph 显示 在 单个 段落 内 的 验证 摘要 


(2) HeaderText: 获取 或 设置 ValidationSummary 控件 的 标题 。 

(3) ShowSummary: 获取 或 设置 是 否 在 网 页 上 显示 验证 摘要 。 

(4) ShowMessageBox: 获取 或 设置 是 否 以 对 话 框 形式 来 显示 验证 错误 信息 ,默认 为 False。 

(5) EnableClientScript: 获取 或 设置 ValidationSummary 控件 是 否 启用 客户 端 脚本 来 
更 新 自己 的 状态 ,默认 为 True。 


5.4 站 点 导航 控件 


使 用 ASP. NET 站 点 导航 功能 可 以 为 用 户 导 航 站 点 提供 一 致 的 方法 。 随 着 站 点 内 容 的 增 
加 以 及 用 户 在 站 点 内 来 回 移 动 网 页 ,管理 所 有 的 链接 可 能 会 变 得 比较 困难 。ASP. NET 站 点 
导航 使 用 户 能 够 将 指向 所 有 网 页 的 链接 存储 在 一 个 中 央 位 置 ,并 在 列表 中 呈现 这 些 链接 ,或 
用 一 个 特定 的 Web 服务 器 控件 在 每 一 个 网 页 上 呈现 导航 菜单 。 


5.4.1 TreeView 控件 


TreeView 控件 又 称 为 树 状 导 航 控件 , 它 的 显示 类 似 于 一 棵 横向 的 树 , 可 以 展开 或 折 革 
树 的 节点 来 分 类 查看 ,管理 信息 ,非常 直观 。 
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TreeView 控件 由 节点 组 成 。 树 中 的 每 一 个 项 都 称 为 节点 , 它 由 一 个 TreeNode 对 象 表 
示 。 节 点 类 型 的 定义 如 下 。 

ParentNode( 父 节点 ) : 包含 其 他 节点 的 节点 。 

ChildNode( 子 节点 ): 被 其 他 节点 包含 的 节点 。 

LeafNode( 叶 节点 ) : 没有 子 节点 的 节点 。 

RootNode( 根 节点 ): 不 被 其 他 任何 节点 包含 ,同时 是 所 有 其 他 节点 的 上 级 节点 。 

一 个 节点 可 以 同时 是 父 节点 和 子 节点 ,但 是 不 能 同时 为 根 节点 、 父 节点 和 叶 节 点 。 节 点 
为 根 节点 、 父 节点 还 是 叶 节点 决定 着 节点 的 几 种 可 视 化 属性 和 行为 属性 。 

尽管 通常 的 树 结构 只 具有 一 个 根 节点 ,但 是 TreeView 控件 允许 向 树 结构 中 添加 多 个 
根 节 点 。 如 果 要 在 不 显示 单个 根 节点 的 情况 下 显示 选项 列表 ,这 种 控件 就 非常 有 用 。 

1. TreeView 控件 的 属性 

TreeView 控件 有 很 多 属性 ,下 面 介 绍 几 个 常用 属性 。 

(1) Nodes 属性 返回 对 TreeView 控件 的 Node 对 象 的 集合 的 引用 。 

语法 : 

cbject.Nodes 

object 所 在 处 代表 一 个 对 象 表达 式 ,其 值 是 “应 用 于 ?列表 中 的 一 个 对 象 。 

说 明 : 可 以 使 用 标准 的 集合 方法 (例如 Add 和 Remove 方法 ) 操 作 Node 对 象 。 可 以 按 
其 索引 或 存储 在 Key 属性 中 的 唯一 键 来 访问 集合 中 的 每 个 元 素 。 

(2) Style 属性 返回 或 设置 图 形 类 型 (图 像 . 文 本 .十 /一 号 直线) 以 及 出 现在 TreeView 
控件 中 每 一 Node 对 象 上 的 文本 的 类 型 。 

语法 : 

cbject.Style [=nunriber] 

Style 语法 包含 如 表 5. 41 所 示 部 分 。 

表 5.41 Style 语法 属性 


部 分 描 述 
object 对 象 表达 式 ,其 值 是 “应 用 于 ?列表 中 的 一 个 对 象 
number 指定 图 形 类 型 的 整数 ,请 参阅 “设置 值 ” 中 的 描述 


说 明 : 若 Style 属性 设置 为 包含 直线 的 值 , 则 LineStyle 属性 就 确定 了 直线 的 外 观 。 如 
果 Style 属性 设置 为 不 含 直线 的 值 , 则 LineStyle 属性 将 被 忽略 。 

(3) Sorted 属性 返回 或 设置 一 值 , 此 值 确定 Node 对 象 的 子 节点 是 否 按 字母 顺序 排列 ; 
返回 或 设置 一 值 ,此 值 确定 TreeView 控件 的 根 层 节 点 是 否 按 字母 顺序 排列 。 

语法 : 

Object .Sorted [二 boolean] 

Sorted 属性 语法 如 表 5. 42 所 示 。 

表 5.42 Sorted 属性 语法 
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部 分 描 述 
object 对 象 表达 式 ,其 值 是 “应 用 于 ”列表 中 的 一 个 对 象 
boolean 布尔 表达 式 ,表示 Node 对 象 是 否 已 被 排序 如 “设置 值 * 中 描述 


说 明 : Sorted 属性 有 两 种 用 法 ,第 一 ,在 TreeView 控件 的 根 ( 顶 ) 层 排列 Node 对 象 ;第 
二 ,对 任何 单个 Node 对 象 的 子 节点 排序 。 
例如 ,下 面 的 代码 是 对 TreeVievw 控件 的 根 节点 排序 : 


TreeViewl.Sorted= True 
下 面 的 例子 表示 创建 Node 对 象 时 如 何 设置 Sorted 属性 。 


Dim nodx As Node 
Set nodx= TreeViewl.Nodes.RMGd (vv "Parent Node") 
nodx.Sorted= True 


设置 Sorted 属性 为 True 仅 对 当前 Nodes 集合 排序 。 在 TreeView 控件 中 添加 新 的 
Node 对 象 时 ,必须 再 次 设置 Sorted 属性 为 True, 以 便 对 添加 的 Node 对 象 排列 。 
2. TreeView 控件 的 方法 
TreeView 控件 的 常用 方法 及 其 说 明 如 表 5. 43 所 示 。 
表 5.43 TreeView 控件 的 常用 方法 及 其 说 明 


方 法 说 明 
ExpandAll 打开 树 中 的 每 个 节点 
FindNode 检索 TreeView 控件 中 指定 值 路 径 的 TreeNode 对 象 


3. TreeView 控件 的 事件 
TreeView 控件 的 常用 事件 及 其 说 明 如 表 5. 44 所 示 。 


表 5.44 TreeView 控件 的 常用 事件 及 其 说 明 


事 件 说 明 
SelectedNodeChanged 当选 择 TreeView 控件 中 的 节点 时 发 生 
TreeNodeCheckChanged 当 TEN 控件 中 的 复 选 框 在 向 服务 器 的 两 次 发 送 过 程 之 间 状 态 有 所 更 
改 时 发 生 

TreeNodeCollapsed 当 折 县 TreeView 控件 中 的 节点 时 发 生 

TreeNodeDataBound 当 数据 项 绑 定 到 TreeView 控件 中 的 节点 时 发 生 

TreeNodeExpanded 当 扩展 TreeView 控件 中 的 节点 时 发 生 

TreeNodeNodePopulate sie a )nDemand 属性 设置 为 True 的 节点 在 TreeView 控件 中 展 


4. 向 TreeView 控件 中 添加 节点 的 方法 
向 TreeView 控件 添加 节点 有 以 下 几 种 方法 。 
1) 手工 方式 添加 节点 


258 


ASP.NET 控件 


向 网 页 中 拖 放 一 个 TreeView 控件 时 ,出 现 *“TreeView 任务 ?列表 ,从 中 选择 “编辑 节 
点 ”命令 ,打开 “TreeView 节点 编辑 器 ”对 话 框 ,可 以 从 中 添加 和 删除 节点 。 每 个 节点 至 少 应 
该 设置 Text 和 Vlaue 属性 ,还 可 以 根据 需要 设置 NavigateUrl 和 Target 属性 等 。 

2) 通过 DataSourceID 属性 设置 数据 源 控件 

ASP. NET 提供 了 SiteMapDataSource 两 个 服务 器 控件 ,位 于 工具 箱 的 “数据 ?选项 卡 
中 ,用 于 ASP.NET 站 点 导航 ,前 者 检索 站 点 地 图 提供 程序 的 导航 数据 ,后 者 检索 指定 的 
XML 文件 的 导航 数据 ,并 将 导航 数据 传递 到 可 显示 该 数据 的 控件 中 。 

3) 通过 编程 方式 添加 节点 

由 于 TreeVievw 控件 的 Node 属性 是 一 个 TreeNodeCollection 类 对 象 , 因 此 采用 Add 
方法 向 其 中 添加 TreeNode 对 象 ,这 种 方式 可 以 在 运行 时 动态 地 增加 删除 TreeView 控件 的 


s.4.2 Menu 控件 


Menu 控件 又 称 菜单 控件 ,Mennu 控件 主要 用 于 创建 一 个 菜单 ,让 用 户 快速 选择 不 同 页 
面 ,从 而 完成 导航 功能 。 其 方法 与 TreeView 控件 十 分 相似 。 

1. Menu 控件 的 属性 

Menu 控件 的 常用 属性 主要 有 以 下 几 个 。 

1) DataSourceID 属性 

该 属性 指定 Menu 控件 的 数据 源 控件 的 ID 属性 。 例 如 ,可 以 指定 XML 文件 绑 定 的 
XmlDataSource 控件 或 与 站 点 地 图 绑 定 的 SitDataSource 控件 的 ID。 

2) Items 属性 

Items 属性 是 Menu 控件 中 所 有 菜单 项 的 集合 ,一 个 菜单 项 是 一 个 Menultem 对 象 。 可 
以 通过 索引 来 表示 Items 集合 中 的 元 素 , 例 如: 

Menul. Items 表示 Menul 控件 的 所 有 菜单 项 集合 。 

Menul. Items[0] 表 示 Menul 控件 中 的 第 一 个 菜单 项 。 

Menul. Items[0]. ChildItems 表示 Menul 控件 中 的 第 一 个 菜单 项 的 子 菜单 项 集合 。 

Menul. Items[0] . ChildItems[1] 表 示 Menul 控件 中 的 第 一 个 菜单 项 的 第 二 个 子 
菜单 。 

3) Orientation 属性 

该 属性 获取 或 设置 Menu 控件 的 呈现 方向 ,可 取 Horizontal( 表 示 水 平 呈 现 Menu 控 
件 ) 或 Vertical( 表 示 垂 直 呈 现 Menu 控件 ) 。 

4) Target 属性 

该 属性 获取 或 设置 用 来 显示 菜单 项 的 关联 网 页 内 容 的 目标 窗口 或 框架 。Target 属性 
影响 控件 中 的 所 有 菜单 项 。 若 要 为 单个 菜单 项 指定 一 个 窗口 或 框架 ,直接 设置 Menultem 
对 象 的 Target 属性 即 可 。 

2. Menu 属性 的 事件 

Menu 控件 的 常用 事件 及 其 说 明 如 表 5. 45 所 示 。 
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表 5.45 Menu 控件 的 常用 事件 及 其 说 明 


事件 说 明 
i 单 击 菜单 项 时 发 生 。 此 事件 通常 用 于 将 页 上 的 一 个 Menu 控件 与 另 一 个 控件 进 
MenultemClick 行 同步 
A 当 菜单 项 绑 定 到 数据 时 发 生 。 此 事件 通常 用 于 在 莱 单 项 呈现 在 Menu 控件 中 之 
前 对 菜单 项 进行 修改 


3. 向 Menu 控件 中 添加 菜单 项 的 方法 

向 Menu 控件 中 添加 菜单 项 有 以 下 几 种 方法 。 

1) 手工 方式 添加 

向 网 页 中 拖 放 一 个 Menu 控件 时 ,出 现 "Menu 任务 ”列表 ,从 中 选择 “编辑 菜单 项 " 命 
令 , 打 开 “ 菜 单 编辑 器 "对话 框 ,可 以 从 中 添加 和 删除 菜单 项 ,每 个 菜单 项 至 少 应 设置 Text 
和 Value 属性 ,还 可 以 根据 需要 设置 NavigateUrl 和 Target 属性 等 。 

2) 通过 DataSourceID 属性 设置 数据 源 控件 

在 网 页 中 拖 放 一 个 Menu 控件 后 ,再 从 工具 箱 * 数 据 ? 选 项 卡 中 将 SitMapDataSource 控 
件 拖 放 到 网 页 上 ,不 设置 其 任何 属性 ,只 需要 将 Menu 控件 的 DataSourceID 设置 为 该 
SitMapDataSource 控件 的 ID 即 可 。SitMapDataSource 控件 自动 读 取 站 点 地 图 的 数据 并 在 
Menu 控件 中 显示 。 

3) 通过 编程 方式 添加 节点 

由 于 Menu 控件 的 Items 属性 是 一 个 MenultemCollection 类 对 象 ,因此 采用 Add 方法 
向 其 中 添加 Menultem 对 象 。 这 种 方式 可 以 在 运行 时 动态 地 增加 和 删除 Menu 控件 的 菜 
单项 。 


5.4.3 SiteMapPath 控件 


SiteMapPath 控件 会 显示 一 个 导航 路 径 ( 也 称 为 当前 位 置 或 页 眉 页 脚 ), 此 路 径 为 用 户 
显示 当前 页 的 位 置 ,并 显示 返回 到 主页 的 路 径 链接 。 此 控件 提供 了 许多 可 供 自 定义 链接 的 
外 观 选项 。 


实践 与 练习 
一 、 选 择 题 
1. 以 下 不 属于 ASP. NET 控件 的 种 类 的 是 ( je 
A. HTML 控件 B.ActiveX 控件 
C，Web 服务 器 控件 D. 用 户 自 定义 控件 


2. 关于 HTML 控件 ,说 法 错误 的 是 ( Ys 
A. HTML 控件 是 标记 ,而 服务 器 控件 是 对 象 类 
B. 一 个 HTML 控件 对 应 一 个 HTML 元 素 
C. HTML 控件 可 以 被 转换 成 服务 器 控件 
D. ASP. NET 不 处 理 HTML 控件 的 事件 
3. 将 HTML 控件 转换 成 服务 器 控件 的 方法 是 ( 》 
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A. 添加 “二 asp:” 前 缀 
B. 从 System. Web. UI. Control 派生 
C. 改 从 工具 箱 的 “标准 ”选项 卡 拖 放 控 件 
D. 在 标记 代码 中 添加 runat 二 “server” 属 性 
4. 工具 箱 中 的 哪个 控件 是 HTML 复位 按钮 ? ) 


A. Input(Button) B. Input(Submit) 
C. Input(Reset) D. Input(Text) 
5. HTML 元 素 hr 对 应 的 HTML 控件 是 ( 汽 
A. Table B. Div 
C. Hr D. Horizontal Rule 
6. Label 控件 的 应 用 场合 较 准 确 的 描述 是 ( Wis 
A. 用 于 显示 页 面 静态 文本 B. 用 于 显示 不 可 编辑 文本 


C. 用 于 显示 动态 的 不 可 编辑 文本 D. 用 于 显示 可 编辑 文本 
7. 设置 TextMode 属性 ,可 使 得 TextBox 具有 多 种 使 用 形式 ,但 不 可 用 作 ( 和 
A. 单行 文本 框 B. 多 行文 本 框 
C. 密码 输入 框 D. 隐藏 输入 框 
8. 关于 按钮 控件 的 Command 事件 ,说 法 正确 的 是 ( )5 
A. 不 是 在 按钮 被 单 击 时 发 生 的 
B. 处 理 Command 事件 ,通常 需要 获取 CommandName 和 CommandArgument 属 
性 值 
C. 早 于 Click 事件 发 生 
D. 常用 于 在 一 个 按钮 控件 具备 多 个 事件 处 理 函 数 的 场合 
9. FileUpload 控件 用 于 判断 是 否 包 含 上 传 文件 的 属性 是 ( 全 


A. FileName B. PostedFile 
C. HasFile D. SaveAs 
10. FileUpload 控件 将 上 传 的 客户 端 文件 保存 为 指定 服务 器 文件 的 方法 是 ( Ms 
A. FileName B. PostedFile 
C. HasFile D. SaveAs 
二 、 简 答题 


1. 简 述 ASP. NET 的 分 类 。 

2. 简 述 Button 控件 的 常用 事件 及 其 说 明 。 

3. 简 述 Button 控件 和 LinkButton、ImageButton 
以 及 HyperLink 控件 有 什么 区 别 。 用 户 名 ， 

4. 简 述 Table 控件 的 作用 及 其 常用 属性 。 

5. 简 述 ImageMap 控件 的 热 区 创建 方法 。 密码 : 

6. 简 述 导航 控件 的 使 用 方法 。 

三 、 实 践 新 用 户 注 册 老 用 户 登 录 

1. 根据 图 5. 55 和 图 5. 56 所 示 设 计 界面 完成 
设计 。 图 5.55 设计 界面 一 
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户 。 
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户 -一 
用 户 注册 表 
用 户 名 : 
密码 : 
性 别 ，@ 男 @ 女 
日 公务 员 
日 学 生 
职业 ， @ 职 员 
四 医生 
目 其 他 
爱好 ， 回 看 书 回 打球 回 唱歌 回 上 网 
国画 画 
上 回 表 演 
特长 : 回 体育 
回 计 算 机 编程 
再 北 世 
所 处 地 区 ，| 旨 过 加 
华中 = 
上 传 头像， ET | 
图 5.56 设计 界面 二 
2. 计算 组 合 数 。 
数学 中 的 组 合 数 可 以 用 以 下 计算 公式 计算 : 
“mm nl 
Cs ml(n—m)! 
述 公式 要 求 ， 


(1) m 和 n 都 是 大 于 0 的 正 整数 。 

(2) n 大 于 等 于 m。 

(3) 由 于 组 合 数 随 着 n 的 增长 上 升 很 快 ,所 以 要 限制 n 的 最 大 取 值 ( 设 为 20)。 

(4) 编写 一 计算 组 合 数 的 网 页 ， ee m 和 mn, 网 页 计算 出 结果 并 显示 给 用 
当 输 入 的 数据 不 符合 要 求 时 给 出 提 


第 6 章 SQL Server 2008 数据 库 管理 


本 章 学 习 目 标 
。 了 解 SQL Server 2008 数据 库 安 装 。 
。 熟练 掌握 表 管 理 及 常用 SQL 语句 。 


通过 本 章 的 学 习 读 者 将 掌握 如 何 利 用 SQL Server 2008 对 表 进 行 操作 ,通过 简单 实例 
掌握 SQL 常用 语句 。 
本 章 所 用 到 的 数据 库 及 表 如 下 所 述 。 
数据 库 : 高 考 招生 数据 库 。 
学 校 表 School 中 的 数据 如 表 6. 1 所 示 。 
表 6.1 School 表 中 的 数据 


” 校 人 码 | 校 名 | 校 类 型 | 计 招 人 数 | 实录 人 数 | 平均 分 
Scode Sname Stype Plnum Renum Average 
10712 西北 农林 科技 大 学 重点 2440 2500 580 
10730 兰州 大 学 重点 2330 2400 595 
10701 西安 电子 科技 大 学 重点 2220 2300 560 
10459 郑州 大 学 重点 2110 2200 555 
11406 甘肃 政法 学 院 本 科 2000 2060 430 
10743 青海 大 学 本 科 2000 2030 420 
10746 青海 师范 大 学 本 科 1950 2000 400 
10748 青海 民族 大 学 本 科 1900 1940 385 


考生 表 Examine 中 的 数据 如 表 6. 2 所 示 。 
表 6.2 Examine 表 中 的 数据 


考 号 考 分 姓 名 性 别 所 在 地 民 族 

Exno Exgrade Exname Sex City Nation 
05140300240318 669 李 明 男 青海 西宁 汉 
05140300250695 651 王 萍 女 青海 海 东 汉 
05140300230302 647 桑 杰 扎 西 男 青海 海 西 藏 
05140300271233 598 赵 军 男 青海 西宁 汉 
05140300293212 576 琅 非 女 青海 格尔木 汉 
考生 志愿 表 Ewill 中 的 数据 如 表 6. 3 所 示 。 
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表 6.3 Ewill 表 中 的 数据 


考 号 一 本 志愿 校 代码 二 本 志愿 校 代码 志愿 序号 

Exno Scodel Scode2 Order 
05140300240318 10459 10743 1 
05140300250695 10730 10746 1 
05140300230302 10712 10748 
05140300271233 10701 10746 1 
05140300293212 10712 11406 1 
05140300293213 10730 10743 到 


6.1 表 管 理 


6.1.1 创建 表 


1. 使 用 SQL Server Management Studio 创建 表 

创建 表 的 步骤 如 下 。 

(1) 在 “对 象 资源 管理 器 "窗口 中 ,展开 “数据 库 ” 下 的 “高 考 招生 ”节点 。 

(2) 右 击 “ 表 ”节点 ,选择 “新 建 表 ” 命 令 , 进 入 表 设 计 器 。 

(3) 在 表 设计 器 的 第 一 列 中 输入 列 名 ,第 二 列 选 择 数据 类 型 ,第 三 列 选 择 是 否 为 空 。 
【 例 6.1】 在 高 考 招生 数据 库 中 创建 School 表 ,结果 如 图 6. 1 所 示 。 


x Microsoft SQL Server Managementstudio 人 > Es 
文件 (编辑 (E) 查看 (V) ”项 目 (P) 调 坛 (D) 表 设 计 器 () ”工具 Mm 窗口 (W) 社区 (O 
才 助 (H) 

上 新 尘 N) | 出 | 饭 包 本 | 负 | 区 加 本 | 到 电 
马 | 加 | 上司 灵 遍 回 加 用 

ET “QHDDJSZzXrPC 高 考生 - dbo.School* =x 
连接 埋 台 mm 了 忆 列 名 数据 类 型 允许 Nul 值 “ 
日 图 (ocal) (SQL Server 10.50. ~ | scode nchar(i0) 国 

日 辐 数据 库 sname nvarchar(20) 
田 国 系 统 数据 库 2 Ls 
田 国 数据 库 快 昭 ene nr 贺 
田 国 Reporserver ee tt 
田 国 ReportserverTeml RN mk ~ 
田 国 test 
日 罩 高 考 招生 列 属性 
回国 数据 库 关 系 图 圈 知 昌 
pd 日 (党 规 ) ~ 
田 筷 视图 (名 和 scode 
回国 同义词 长 度 1 -~ 
日 加 可 篇 性 (党 规 ) 
向 service Broker 
田 [加 让 入 = 
EE = 


图 6.1 创建 School 表 
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【 例 6.2】 在 高 考 招生 数据 库 中 创建 Examine 表 ,结果 如 图 6. 2 所 示 。 


文件 (1 编 加 (查看 V) 项目 P) ”调式 (D) 雪 设 计 器 (工具 窜 口 WW) 社区 (C) 帮助 (H) 
;县 条 相交) | 出 | 鳃 盈 吕 | 也 | 区 电 己 | 到 中 
; 晶 |? | 吧 届 记 启 国 加 遇 


日 加 (local) (SQL Server 10.50. 2 
日 向 数据 库 
田 加 系统 数据 库 
田 国 数据 库 快照 
田 国 ReportServer 
田 国 ReportServerTemi 


国 国 Service Broker 
田 国 存储 
田园 安全 性 


图 6.2 创建 Examine 表 


【 例 6.3】 在 高 考 招生 数据 库 中 创建 Ewill 表 ,结果 如 图 6. 3 所 示 。 


文件 由。 编 名 (查看 (V) ”项目 (P) 这 (D) 表 设 计 如 (工具 (T) 窗口 W) 社区 (C) 帮助 (H) 


;也 新 建 查询 IN) | 出 | 售 冲 芒 | 记 | 上 日 马 | 凤 旧 
覃 | ?| 吧 亲 出 回 加 局 


田 国 Service Broker 
田 国 存储 
田 国 安全 性 


6.3 创建 Ewill 表 


2. 使 用 SQL 语句 创建 表 
语法 格式 : 


CREATE TABIE 
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Gatabase name. [owner] .| owner.] table name 
({< colum gefinition> | colurm name RS computed colum expression| 
< table constraint> } [,…n]) 
[CN {filegroup| DEFADLT }] 
TEXTIMAGE ON {filegroup| EFADILT }] 
< colum definition> ::= {colum name data type } 
COLIATE< collation name> ] 
[DEFAULT constant expression] 
[IDENTITY [ (seed, increment) [NOT FOR REPLICATION]]]] 
[ROWSUIDOOL] 


< column constraint> ] [***n] 


其 中 ,有 关 约 束 的 参数 说 明 如 下 。 

NULL/NOT NULL: 空 值 / 非 空 值 约束 。 

DEFAULT 常量 表达 式 : 默认 值 约束 。 

UNIQUE: 唯一 性 约束 。 

PRIMARY KEY: 主键 约束 ,等 价 非 空 、 唯 一 。 

REFERENCES 父 表 名 (主键 ) : 外 键 约束 。 

CHECK (逻辑 表达 式 ) : 检查 约束 。 

【 例 6.4】 在 高 考 招生 数据 库 中 ,创建 学 校 表 School, 考 生 表 Examine 和 考生 志愿 表 
Ewill 。 


高 考 招生 数据 库 的 数据 模型 : 


School (Scoode, Scname, Sctype, PInum, Renum, Average) 
EK: Sccode 

Examine (Exno, Exgrade, Exmame, Sex, Ctiy, Nation) 
EK: Emo 

Ewil] (Emo Soodel, Scode2, Order) 
EK: Emo FK: Emo 


创建 学 校 表 School: 


CREATE TABIE School 

(Sccode char (5)NOT NULL primary key,-- 校 代码 ,主键 
scname varchar (20) NOT NULL,-- 校 名 

Sctype char(4) NULL- - 校 类 型 

Plnum int NULL-- 计 招 人 数 

Renum int NULL- -实录 人 数 

Average float NULL,- -平均 分 ) 


创建 考生 表 Examine: 
USE 高 考 招生 

GD 

CREATE, TRBIE Fxamine ( 
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Emo char (14)NOT NULL PRIMARY FEY,- - 考 号 ,主键 

Exname varchar(B)NULL,- -姓名 

Exgrade float NULL,- -考分 

Sex char (2)NULL CHECK (Sex= ' 男 'or sex= ' 女 ')-- 性 别 ,检查 约束 
Nation varchar (2)NULL,--- 民 族 ; 

City varchar (20)NULL,- -所 在 地 ) 


创建 考生 志愿 表 Ewill: 


USE 高 考 招生 

GD 

CREATE TABIE Ewill ( 

Emo char (14)NULL,--- 考 号 


Scodel char(5)NULL- - -一 本 志愿 校 代码 
Scode2 char (5)NULL- - -二 本 志愿 校 代码 


Order char(1) NULL,- -志愿 序号 
FOREIGN KEY (Exno) REFERFNCES Examine (Exno) ON DETETE NO ACTION, -- 考 号 ,外 键 ,不 级 联 删 除 


6.1.2 修改 表 
1. 使 用 SSMS 修改 表 
操作 步骤 : 
(1) 在 “对 象 资源 管理 器 ”窗口 中 ,展开 “数据 库 ” 节 点 。 
(2) 展开 所 选择 的 具体 数据 库 节 点 ,进一步 展开 “ 表 ” 节 点 。 


(3) 选择 要 修改 的 表 并 单 击 右键 ,选择 “修改 "命令 。 
(4) 进入 表 设 计 器 即 可 进行 表 的 定义 的 修改 。 

2. 使 用 SQL 语句 修改 表 

语法 格式 : 

ALTER table 表 名 

(ALTER COLUMN 列 名 列 定义 ， 

RDD 列 名 1 类 型 约束 ， 

LROP 列 名 


) 


说 明 : 列 定义 包括 列 的 数据 类 型 和 完整 性 约束 。 
1) 修改 属性 
【 例 6.5】 将 考生 表 Examine 中 字段 Nation 的 类 型 varchar(2) 改 为 varchar(4)。 


USE 高 考 招生 

GD 

ALTER TPREIE Examine 

ALTER COOLUMN Nation varchar (4) NULL 
GD 


2) 添加 或 删除 列 
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【 例 6.6】 为 考生 表 Examine 添加 邮件 地 址 E-mail 字段 。 


USE 高 考 招生 

GD 

ALTER TABIE Eyamine 

ADD E-mail varchar (20) NULL CHECK (E-mail like '%@%') 
GD 


【 例 6.7】 删除 Examine 表 中 的 邮件 地 址 E-mail 字段 。 


USE 高 考 招生 


说 明 : 必须 先 删除 其 上 的 约束 。 
3) 添加 或 删除 约束 
【 例 6.8】 为 考生 志愿 表 Ewill 添加 主键 约束 (假设 还 没有 创建 )。 


USE 高 考 招生 

GD 

ALTER TABIE Ewill 
RDD PRIMARY KEY (Exno) 
GD 


【 例 6.9】 删除 考生 志愿 表 Ewill 中 的 主键 约束 。 


USE 高 考 招生 

GD 

ALTER TREIE Ewill 
DEROP PRIMARY FEY (Emo) 
GD 


6.1.3 删除 表 


1. 使 用 SSMS 删除 表 

操作 步骤 : 

(1) 在 “对 象 资源 管理 器 "窗口 中 ,展开 “数据 库 ” 节 点 ; 

(2) 展开 所 选择 的 具体 数据 库 节 点 ,展开 * 表 ?节点 

(3) 单 击 右键 选择 要 删除 的 表 ,选择 “删除 ”命令 或 按 Delete 键 。 
2. 使 用 SQL 语句 删除 表 

语法 格式 : 


DROP TABIE table name 


【 例 6.10】 在 高 考 招生 数据 库 中 任意 建 一 个 表 Test, 然 后 删除 。 
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注意 : 

(1) 要 删除 表 table_name, 须 先 判 断 该 表 是 否 正 被 数据 库 中 的 其 他 表 引 用 ，; 

(2) 如 果 未 被 引用 ,可 直接 DROP TABLE table_name, 和 否则 必须 先 删 除 引 用 表 的 约 
束 ,再 使 用 DROP TABLE table_name。 

(3) table_name 是 否 正 引用 其 他 表 的 情况 无 须 考虑 。 


6.1.4 查看 和 编辑 表 数 据 


1. 查看 表 信 息 及 数据 

当 在 数据 库 中 创建 了 表 之 后 ,有 时 需要 查看 表 的 相关 信息 ,例如 需要 查看 表 的 属性 、 定 
义 .数据 .字段 属性 和 索引 等 ,尤其 是 查看 表 内 存放 的 数据 ,有 时 也 需要 查看 表 与 其 他 数据 库 
对 象 之 间 的 依赖 关系 。 

1) 查看 表 的 定义 

(1) 通过 SQL Server 查询 分 析 器 查看 表 的 定义 

操作 步骤 如 下 。 

启动 SQL Server 查询 分 析 器 ,输入 语句 ， 


USE 高 考 招生 
GO 
sp_help School 


单 击 工具 栏 上 的 “执行 ?按键 或 按 F5 键 ,窗口 中 即 可 显示 出 School 表 的 定义 信息 ,如 
图 6.4 所 示 。 


加 Microsoft SQL Server Management Studio 

SIA WS Ea) EQ) mA) wha(D) IRM OW) HEO BuO 

asaN | 访 | 俯 沪 久 | 访 | 访 日 S| 风 

肚 姑 | 襄 得 -0 sv 四 愧 | 癌 圈 和 D| = 当 要 和 % 

EE Cohen 5) 天 ->% 


过 朗 " 都 标 n 了 号 
SB Coca) SA sever 1050.2 


器 @ heporServer 


FRAY 
,| Dm joc) apso RTM) | qhdsrr PCahddjser (59) | 高招 生 | 000001 | 10 行 
就 考 行 4 到 1 Ch1 Ins 


图 6.4 通过 “查询 分 析 器 "查看 表 的 定义 


(2) 在 “对 象 资源 管理 器 ”中 查看 表 的 定义 
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在 “对 象 资源 管理 器 ”中 ,选取 “高 考 招生 ”数据 库 中 的 “ 表 ” 节 点 。 在 右 侧 窗 口中 的 


school 表 上 右 击 ,在 弹出 的 菜单 中 单 击 “ 设 计 ” 命 令 , 可 以 看 到 各 个 列 的 定义 ,如 图 6. 5 所 示 。 


织 Microsoft SQL Server Management Studio 三 [eel =x™)| 
文件 ( 。 编 久 (查看 (V) 项目 (P) ” 调 趟 (D) 表 没 计 波 (工具 MT 窗口 (W) ”社区 (CO) 帮助 (H) 
; 卫 新 寻 相 询 (N) | 入 | 仿 访 咏 | 访 | 区 日 马 | 加 上 

: 晶 | 忆 | 吧 司 遇 出 国 加 


QHDDJSZX-PC 高 考 招生 - dbo.School 
列 名 数据 类 型 允许 Nul 值 
bo | scode | 


|| 日 国 (ocal) (SQL Server 10.50. 
‖ 日 四 gsE 库 
田 国 系 六 数据库 
国 国 数据 库 快照 
田 国 ReportServer 
田 国 ReportServerTem 
国 国 test 
日 国 高 考 招生 
田 国 数据 库 关系 图 
日 岛 事 
国 国 系统 表 
田 回 dbo.School 
国 回 dbo.Examin 
国 回 dbo.Ewill 
田 国 视图 
田 国 同义词 
田 向 可 篇 得 性 
田 国 Service Broker 


1 ~ 上 
就 络 


本 回回 回回 回回 


图 6.5 通过 “对 象 资源 管理 器 "查看 表 的 定义 


(3) 在 “对 象 资源 管理 器 "中 查看 表 的 信息 。 
在 “对 象 资源 管理 器 "中 ,选取 “高 考 招生 ”数据库 中 的 “ 表 ” 节 点 。 在 右 侧 窗 口中 的 


School 表 上 右 击 ,在 弹出 的 菜单 中 单 击 “ 编 辑 前 200 或 1000” 命 令 , 可 以 看 到 表 的 信息 。 


2) 查看 数据 库 中 存储 的 数据 表 
可 以 从 数据 库 中 的 系统 表 sysobjects 中 查看 包含 的 所 有 用 户 数据 表 信息 。 
格式 : 


UsE 数据 库 名 
SELECT * FROM sysabjects WHERE type= 'U' 


由 于 系统 表 sysobjects 保存 的 都 是 数据 库 对 象 ,其 中 type 表示 各 种 对 象 的 类 型 ,具体 


有 以 下 几 种 。 
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U= 用 户 表 

S 一 系统 表 

C= 二 CHECK 约束 

了 = 默认 值 或 DEFAULT 约束 
F 王 FOREIGN KEY 约束 

LL 二 = 日志 

FN 二 = 标量 函数 

IF 一 内 内 表 函数 
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P 王 存储 过 程 

PK 一 PRIMARY KEY 约束 (类 型 是 K) 

REF 王 复制 筛选 存储 过 程 

TF 王 表 函 数 

TR= 触 发 器 

UQ= 二 UNIQUE 约束 (类 型 是 K) 

V= 视 图 

X 一 扩展 存储 过 程 及 相关 的 对 象 信息 。 

【 例 6.11】 查看 高 考 招生 数据 库 中 的 用 户 数 据 表 ,如 图 6.6 所 示 。 


Fr sr 
贱 Microsoft SQL Server Management Studio ee | 
文件 (月 ”编辑 (E) ”查看 (V) 可 淘 (Q) ”项 目 (P) 育 试 (D) 工具 (T) 窗口 (W) 社区 (C) 帮助 (H) 
: 刁 新 尘 (N) | 出 | 盈 也 可 | 记 | 克 加 马 | 副 日 

;天 和 | 高 考 招生 | ? 扫 Foo av 器 曙 国 | 3?” 哆 | 鸠 因 | 区 | 三 全 
SQLQuerys.sql - (--PC\qhddjszx (52))* 
日 USE 高 考 招生 


L SELECT * FROM 


日 图 (local) (SQL Server 10.50. ^ 
日 筷 数据 库 
田 国 系统 数据 库 
田 国 数据 库 快照 
田 国 ReportServer 
田 国 ReportServerTemF 


图 6.6 查看 数据 库 中 存储 的 数据 表 


3) 查看 表 的 依赖 关系 

操作 步骤 ， 

(1) 在 对 象 资源 管理 器 中 ,展开 “数据 库 ”; 

(2) 展开 其 中 具体 的 某 个 数据 库 , 然 后 展开 “ 表 ”; 

(3) 右 击 选择 的 表 , 然 后 单 击 “ 查 看 依赖 关系 ”命令 ; 

(4) 在 "对象 名 的 对 象 依赖 关系 ”对话 框 中 ,选择 "依赖 对 象 名 的 对 象 " 或 “对 象 名 依赖 
的 对 象 " “依赖 关系 ”网 格 将 显示 对 象 列 表 。 

2. 编辑 表 数 据 

1) 插入 记录 

使 用 SQL 语句 插入 记录 格式 为 : 


JINSERT [INTO] ( 表 名 | 视图 名 ) [ 列 名 表 ] VALDES (常量 表 ) 
【 例 6.12] 插入 一 行 所 有 列 的 值 。 


USE 高 考 招生 
Go 
INSERT INIO school 
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VALDES ("10816', "青海 警官 学 院 , "专科 "326,300,295) 
GO 


【 例 6.13】 插入 一 行 部 分 列 

USE 高 考 招生 

GD 

JNSERT School (Sccode, Scname, Sctype) 

VALDES ("10817', ' 青 海 第 一 职业 技术 学 校 ',' 专 科 ') 
GO 

2) 修改 记录 

使 用 SQL 语句 修改 记录 格式 为 : 


UEDATE 表 名 SET 列 名 1= 表 达 式 … 列 名 呈 = 表达 式 WHERE 逻辑 表达 式 


【 例 6.14】 把 学 校 表 School 中 的 重点 院 校 的 计 招 人 数 Plnum 全 部 增加 两 个 人 。 


USE 高 考 招生 

GD 

UPDATE School 

SET Plnu Plnumt 2 
WHERE Sctype= "重点 ' 
GD 


3) 删除 记录 

使 用 SQL 语句 删除 记录 格式 为 : 

DEIETE 表 名 WHERE 逻辑 表达 式 

【 例 6.15】 删除 School 表 中 Scname 为 请 海 警官 学 院 ' 的 记录 。 


UsE 高 考 招生 

GD 

DELETE School 

WHERE Scname= ' 青 海 警 官学 院 ' 
Go 


【 例 6. 16】 删除 考生 Examine 表 中 的 所 有 记录 。 


USE 高 考 招生 
GD 
TDETETE Examine 


6.2 常用 SQL 语句 


6.2.1 SELECT 语句 
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SELECT 语句 是 使 用 频率 最 高 的 SQL 命令 ,具有 强大 的 查询 功能 


。 在 SQL Server 数 
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据 库 中 ,数据 查询 是 通过 使 用 SELECT 语句 来 完成 的 。SELECT 语句 可 以 从 数据 库 中 按 用 
户 的 要 求 查询 行 ,而 且 人 允许 从 一 个 表 或 多 个 表 中 选择 满足 给 定 条 件 的 一 个 或 多 个 行 或 列 , 并 
将 数据 以 用 户 规定 的 格式 进行 整理 后 返回 给 客户 端 。 

SELECT 语句 可 以 精确 地 对 数据 库 进行 查找 ,并 且 SELECT 语句 的 SQL 语法 显得 直 
观 、 结 构 化 。 当 然 ,SELECT 语句 也 可 以 进行 模糊 查询 。 

语法 格式 : 

SELECT [ALL| DISTINCT] [TOP n] SEIECT list 

[INTO new_table] 

[FROM table scurce] 

[WHERE search _ condition] 

[GROUP BY group by expression] 

[HAVING search condition] 

[ORDER BY order by expression[ASC|TESC]] 

[CCMPUTF expression] 

功能 : 从 FROM 子 句 指定 的 基本 表 或 视图 中 ,根据 WHERE 子 句 的 条 件 表达 式 查 找 出 
满足 该 条 件 的 记录 ,按照 SELECT 子 句 指定 的 目标 字段 表达 式 , 选 出 记录 中 的 属性 值 形成 
结果 表 。 如 果 有 GROUP BY 子 句 , 则 将 结果 按 指定 字段 的 值 进行 分 组 ,该 属性 列 值 相 等 的 
记录 为 一 个 组 ;如 果 GROUP BY 子 句 带 有 短语 HAVING, 则 只 有 满足 短语 指定 条 件 的 分 
组 才 会 输出 。 如 果 有 ORDER BY 子 句 , 则 结果 表 要 按照 指定 字段 的 值 进行 升序 和 降序 
排列 。 

参数 说 明 : 

(1) SELECT 子 句 : 用 来 指定 由 查询 返回 的 列 ( 字 段 , 表 达 式 、 函 数 表达 式 或 常量 等 )。 
基本 表 中 有 相同 的 列 名 时 应 该 表示 为 : 表 名 . 列 名 。 

(2) DISTINCT: 表示 在 结果 集中 ,查询 出 的 内 容 相 同 的 记录 只 保留 一 条 。 

(3) INTO 子 句 : 用 来 创建 新 表 , 并 将 查询 结果 行 插入 到 新 表 中 。 

(4) FROM 子 句 : 用 来 指定 从 中 查询 行 的 源 表 。 可 以 指定 多 个 源 表 ,各 个 源 表 之 间 用 
“, ”分隔 ; 若 数据 源 不 在 当前 数据 库 中 , 则 用 “数据 库 名 . 表 名 ”表示 ;还 可 以 在 该 子 句 中 指定 
表 的 别名 ,定义 别名 表示 为 :( 表 名 )as( 别 名 )。 

(5) WHERE 子 句 : 用 来 指定 限定 返回 的 行 的 搜索 条 件 。 

(6) GROUP BY 子 句 : 用 来 指定 查询 结果 的 分 组 条 件 , 即 归纳 信息 类 型 。 

(7) HAVING 子 句 : 用 来 指定 组 或 聚合 的 搜索 条 件 。 

(8) ORDER BY 子 句 : 用 来 指定 结果 集 的 排序 方式 。 

(9) COMPUTE 子 句 : 用 来 在 结果 集 的 末尾 生成 一 个 汇总 数据 行 。 

查询 语句 中 常用 函数 的 格式 及 功能 如 表 6.4 所 示 。 


表 6.4 查询 计算 函数 的 格式 及 功能 


函数 格式 函数 功能 


COUNT(*) | 统计 记录 条 数 
COUNT( 字 段 名 ) 统计 一 列 值 的 个 数 
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续 表 
函数 格式 函数 功能 
SUM( 字 段 名 ) 计算 某 一 数值 型 字段 值 的 总 和 
AVG( 字 段 名 ) 计算 某 一 数值 型 字段 值 的 平均 值 


MAX( 字 段 名 ) 


计算 某 一 数值 型 字段 值 的 最 大 值 


MIN( 字 段 名 ) 


计算 某 一 数值 型 字段 值 的 最 小 值 


查询 语句 的 条 件 表达 式 ,可 以 是 关系 表达 式 , 也 可 以 是 逻辑 表达 式 , 表 6.5 中 给 出 组 成 


条 件 表达 式 常 用 的 运算 符 。 
表 6.5 查询 条 件 中 常用 的 运算 符 

查询 条 件 运 算 符 说 
比较 =,>.<.>=.<=,!=.,\!>,\!< 字符 串 比较 从 左 向 右 进 行 
确定 范围 Between And Between 后 是 下 限 ,And 后 是 上 限 
确定 集合 In\Not In 检查 一 个 属性 值 是 否 属于 集合 中 的 值 
字符 匹配 Like, Not Like 用 于 构造 条 件 表达 式 中 的 字符 匹配 
空 值 Is Null\Is Not Null 当 属 性 值 内 容 为 空 时 ,要 用 次 运算 符 
多 重 条 件 And .Or 用 于 构造 复合 表达 式 
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【 例 6.17】 查看 高 考 招生 数据 库 School 表 中 的 全 部 信息 。 


USE 高 考 招生 

GD 

SELECT Scoode, Scname, Sctype, PInum Renum, Average FROM School 
GD 


本 句 也 可 表述 为 : 


USE 高 考 招生 

GD 

SELECT * FROM School 
GD 


【 例 6. 18〗 查询 School 表 中 Sctype 字段 ,并 去 掉 重 复 值 。 


USE 高 考 招生 

GD 

SETECT DISTINCT Sctype FFOM School 
GD 


【 例 6. 19】〗】 查询 School 表 中 所 有 记录 的 字段 ,并 将 列 名 Sccode、Scname、Sctype、 
Plnum、Renum、Average 分 别 取 别 名 为 校 代 码 , 校 名 , 校 类 型 , 计 招 人 数 , 实 录 人 数 ,平均 分 。 


USE 高 考 招生 
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GD 

SETECT Sccode 校 代码 , 校 名 = scnameySctype RS 校 类 型 ,Plnm as 计 招 人 数 ， 
Renum AS 实录 人 数 ,Average RS 平均 分 FROM School 

GD 


6.2.2 INSERT 语句 


INSERT 语句 用 于 将 一 行 记 录 插 入 到 指定 的 一 个 表 中 ,一 次 插入 一 行 数 据 记 录 。 当 需 
要 向 表 中 插入 多 行 数据 记录 时 ,需要 多 次 使 用 INSERT 语句 。 在 SQL Server 2008 中 ,可 以 
一 次 插入 多 行 数据 记录 。 
语法 格式 : 
INSERT [INIO]< table name> 
[(< colum list> )] 
VALDES (< data values> ) [, (< data values> )] [,*…n] 


INTO 关键 字 是 可 选项 , 它 只 是 为 了 增加 可 读 性 而 存在 的 。 

【 例 6.20】 向 School 表 中 添加 一 条 记录 (51382,' 青 海 广 播 电 视 大 学 ',' 本 科 ', 500,550， 
390)。 

USE 高 考 招生 

Go 

INSERT INTO School VALUES (51382, "青海 广播 电视 大 学 "本科 ,500,550,390) 

Go 

注意 : 

(1) table_name 必须 事先 存在 。 当 输入 汉字 时 ,用 单 引 号 引起 来 ,并 且 前 面 加 入 “N” 
字符 。 
(2) 执行 INSERT 语句 后 ,系统 将 上 述 一 条 记录 值 按 照 创建 table_name 时 定义 的 顺序 
填 入 相应 的 列 中 。 


6.2.3 ”UPDATE 语句 


UPDATE 语句 表示 更 新 , 即 UPDATE 语句 用 来 更 新 数据 表 中 已 有 的 数据 。 和 
INSERT 语句 一 样 , 它 有 着 相当 复杂 的 选项 ,但 有 一 个 能 满足 大 多 数 需求 的 更 基本 的 语法 
格式 : 


UEDATE< table name> 

SET< colum> =< value> [,< colum1l>=<valvel> ][,…] 
[EROM source table(s)>] 

[WHERE< restrictive condition> ] 


【 例 6.21】 将 Examinel 表 中 姓名 为 李 明 的 学 生 考试 分 数 改 为 600 分 。 


USE 高 考 招生 
GD 
UPDATE Examine SET exgrade~ 600 
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WHERE exname= ' 李 明 ' 
6.2.4 DELETE 语句 


DELETE 语句 是 相对 比较 简单 的 语句 ,用 于 删除 表 中 的 行 。 

语法 格式 : 

IEIETE< table name> 

[WHERE< condition> ] 

注意 : 该 语句 将 从 表 中 删除 符合 条 件 的 数据 行 ,如 果 没 有 WHERE 语句 , 则 删除 所 有 
数据 行 。 通 过 使 用 DELETE 语句 的 WHERE 子 句 ,SQL 可 以 删除 单行 数据 、 多 行 数据 以 及 
所 有 行 数据 。 使 用 DELETE 语句 时 ,应 注意 以 下 几 点 : 

(1) DELETE 语句 不 能 删除 单个 字段 的 值 , 只 能 删除 整 行 数据 。 要 删除 单个 字段 的 
值 , 可 以 采用 UPDATE 语句 ,将 其 更 新 为 NULL。 

(2) 使 用 DELETE 语句 仅 能 删除 记录 , 即 表 中 的 数据 ,不 能 删除 表 本 身 。 要 删除 表 ，, 需 
要 使 用 DROP TABLE 语句 。 

(3) 同 INSERT 和 UPDATA 语句 一 样 ,从 一 个 表 中 删除 记录 将 引起 其 他 表 的 参照 完 
整 性 问题 。 这 是 一 个 潜在 问题 ,需要 时 刻 注意 。 

【 例 6.22】 删除 Examine 表 中 姓名 为 * 李 明 ” 的 数据 记录 。 

USE 高考 招生 

Go 

LELETE Examine 

WHERE Exmame= ' 李 明 ， 


实践 与 练习 


一 、 实 验 目的 

熟练 掌握 SELECT 语句 的 用 法 。 

二 、 实 验 内 容 

根据 表 6.1 一 表 6. 3, 使 用 SELECT 语句 .完成 下 列 操作 。 
. 查看 所 有 考生 的 信息 。 

. 查看 每 位 考生 的 考分 。 

. 查看 每 位 考生 的 所 在 地 。 

查看 每 位 考生 的 民族 。 

查看 招生 学 校 的 基本 信息 。 

查看 招生 学 生 的 实录 人 数 。 

. 查看 考分 超过 500 分 的 考生 。 

. 查看 所 有 男 考生 的 考分 及 志愿 学 校 。 

. 查看 所 有 超过 500 分 的 女 考 生 的 志愿 学 校 ,并 按 考 号 排序 。 
10. 查看 考生 志愿 不 是 “10730” 的 考生 信息 。 


CT 人 dd 人 wD 
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三 、 参 考 答案 (语句 主体 ) 


1. Select * FROM Examine 
2. Select Eymame, Exgrade FROM Fxamine 
- Select Exname,City 所 在 地 FROM Examine 
. Select Exmame,Nation 民族 FROM Fxamine 
Select * FROM School 
Select Sccode,Renum 实录 人 数 FROM School 
Select * FROM Fxamine WHERE Fxgrade> 500 
Select tablel.emo 考 号 ,tablel.sex 性 别 ,tablel.exgrade 考分 ， 
table2.scodel 一 志愿 ,table2.scode2 二 志愿 
FROM Examine RS tablel INNER JOIN Fwill RS table2 
CN tablel .exmo= table?.exno 
WHERE tablel.sex= ' 男 ' 
9. Select tablel.exno 考 号 ,tablel.sex 性 别 ,tablel.exgrade 考分 ， 
table2.scodel 一 志愿 ,table2.scode2 二 志愿 
FROM Examine RS tablel INNER JOIN Ewill RS table2 
CN tablel .exmo= table?.exno 
WHERE tablel.sex= ' 女 ' AND tablel .exgrade> 500 
ORDER BY tablel .exno 
10. SELECT * FRCM Fxamine 
WHERE NOT EXISTS 
(SELECT * FRCM Ewill 
WHERE, Fxno= Examine.exno AND Scodel= 10730) 


co ve pw 
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第 7 章 ADO. NET 数据 库 编程 


本 章 学 习 目 标 
。 了解 ADO. NET 对 象 模型 。 
。 掌握 ADO.NET 对 象 。 


Web 应 用 系统 通常 采用 Browser/Web Server/Application Server 模式 实现 。 就 数据 
库 应 用 系统 来 说 ,应 用 服务 器 就 是 数据 库 服 务 器 ,因而 Web 访问 数据 库 的 关键 是 与 数据 库 
服务 器 间 的 接口 。 有 多 种 在 Web 环境 下 操作 数据 库 的 方法 , 较 有 代表 性 的 技术 是 : CGI、 
Web Server APIJDBC 及 ASP。 

ASP 提供 使 用 VBScript 或 JScript 的 服务 器 端 脚本 环境 ,可 用 来 创建 和 运行 动态 .交互 
的 Web 服务 器 应 用 程序 。ASP 使 用 ADO 对 象 很 方便 地 与 数据 库 建 立 连 接 , 操 作 数 据 库 。 
ADO 对 象 是 程序 开发 平台 和 数据 库 访 问 提供 程序 OLE DB 之 间 的 媒介 。ADO 的 核心 是 记 
录 集 (RecordSet) ,记录 集 提 供 了 和 良好 的 应 用 接口 ,使 开发 者 能 够 容易 地 开发 出 功能 强大 的 
数据 库 应 用 程序 。 但 ASP 技术 的 最 大 局 限 是 只 能 在 Windows COM 环境 中 使 用 ,在 其 他 的 
操作 系统 环境 中 无 法 使 用 。 另 一 个 局 限 是 对 于 复杂 的 数据 库 查询 结果 的 处 理 也 较为 复杂 。 
而 ADO. NET 数据 库 访 问 模型 是 ASP. NET 访问 数据 库 的 主要 方式 。 它 是 一 组 对 象 类 的 
名 称 , 是 Microsoft 发 布 的 一 种 数据 访问 技术 ,作为 . NET Framework 的 一 部 分 ,用 于 与 数 
据 存 储 中 的 数据 交互 , 它 将 会 让 用 户 更 加 方便 地 在 应 用 程序 中 使 用 数据 。 对 于 原来 使 用 ADO 
的 程序 员 来 说 ,需要 注意 的 是 ,虽然 ADO 和 ADO. NET 有 一 定 的 相似 性 ,但 ADO. NET 是 一 
种 全 新 的 数据 库 访问 技术 ,而 不 是 ADO 的 升级 版 。 

ADO. NET 对 Microsoft SQL Server 和 XML 等 数据 源 提供 一 致 的 访问 ,此 外 , 它 也 可 
以 对 通过 OLE DB 和 XML 公开 的 数据 源 提供 一 致 访问 。 开 发 人 员 可 以 使 用 ADO. NET 
链接 到 这 些 数 据 源 ,并 检索 、 处 理 和 更 新 所 包含 的 数据 。 下 面 对 ADO. NET 进行 简单 的 
介绍 。 


7.1 ADO. NET 简介 


在 ASP. NET 应 用 程序 中 访问 数据 库 要 通过 ADO. NET 来 实现 。ADO. NET 又 被 称 
为 ActiveX 数据 库 对 象 (ActiveX Data Object), 是 从 Web 的 角度 对 ADO 进行 改进 的 。 
ADO. NET 是 为 了 广泛 的 数据 控制 而 设计 ,所 以 使 用 起 来 比 以 前 的 ADO 更 灵活 ,也 提供 了 
更 多 功能 。 

ADO. NET 中 的 代码 处 理 了 大 量 的 数据 库 特 有 的 复杂 情况 ,所 以 当 ASP. NET 页 面 设 
计 人 员 想 读 取 或 者 写 信 数据 时 ,他 们 只 需 编写 少量 的 代码 ,并 且 这 些 代码 都 是 标准 化 的 。 就 
像 ASP. NET 一 样 ,ADO. NET 不 是 一 种 语言 。 它 是 对 象 ( 类 ) 的 集合 ,在 对 象 (类 ) 中 包含 
由 Microsoft 编写 的 代码 。 可 以 使 用 诸如 Visual Basic 或 者 C# 等 编程 语言 来 在 对 象 外 部 
运行 这 些 代码 。 
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可 以 将 ADO. NET 看 作 是 一 个 介 于 数据 源 和 数据 使 用 者 之 间 的 非常 灵巧 的 转换 层 。 
ADO. NET 可 以 接受 数据 使 用 者 语言 中 的 命令 ,然后 将 这 些 命令 转换 成 在 数据 源 中 可 以 正 
确 执行 任务 的 命令 。 而 且 ASP. NET 2. 0 还 提供 了 服务 器 端 数据 控件 ,可 以 更 方便 地 与 
ADO. NET 交互 工作 ,这 基本 上 减少 了 直接 使 用 ADO. NET 对 象 的 需求 。 

ADO. NET 对 象 模 型 中 有 5 个 主要 的 组 件 ,分 别 是 Connection、Command、 
DataSetCommand、Dataset 以 及 DataReader。 在 ADO. NET 对 象 模型 中 , DataSet (数据 
集 ) 是 最 重要 的 对 象 。 一 般 来 说 ,一 个 DataSet 对 象 就 是 一 个 记录 集 的 集合 ,可 以 通过 命令 
用 数据 集合 填充 DataSet 对 象 。ADO. NET 提供 了 记录 集 的 所 有 数据 功能 ,包括 排序 、 分 
页 .过 滤 视 图 .关系 .索引 和 主键 等 。 可 以 用 XML 形式 保持 或 传输 任何 DataSet 对 象 ,而 且 无 
须 付出 任何 额外 的 代价 ,因为 DataSet 对 象 本 身 就 是 按照 XML 格式 构造 的 。Connection、 
Command DataSetCommand 以 及 DataReader 是 数据 操作 组 件 , 负 责 建立 联机 和 数据 操作 。 
数据 操作 组 件 的 主要 功能 是 作为 DataSet 和 数据 源 之 间 的 桥梁 ,其 主要 功能 是 负责 将 数据 
源 中 的 数据 取出 后 填充 到 DataSet 数据 集中 ,或 者 将 数据 存 回 数据 源 。 


7.1.1 ADO. NET 对 象 模 型 


为 了 更 好 地 支持 断 开 模 型 ,ADO. NET 对 象 将 数据 访问 与 数据 处 理 分 离 。 它 是 通过 两 
个 主要 的 组 件 . NET 数据 提供 程序 和 DataSet 来 完成 这 一 操作 的 。ADO. NET 对 象 的 一 个 
核心 元 素 是 . NET 数据 提供 程序 , 它 是 专门 为 数据 处 理 以 及 快速 地 只 进 、 只 访问 数据 而 设计 
的 组 件 。 它 是 包括 Connection、Command、DataReader 和 DataAdapter 对 象 的 组 件 。ADO. 
NET 对 象 的 结构 如 图 7. 1 所 示 。 


ASP.NET 或 其 他 应 用 程序 
| 


ADO.NET 


DataSet 


DataAdapter DataReader 


Command 


Connection 


数据 源 
图 7.1 ADO. NET 的 结构 
其 中 ,DataSet 是 ADO. NET 断 开 连接 体系 结构 的 核心 组 件 , 它 是 专门 为 各 种 数据 源 的 
数据 访问 独立 性 而 设计 的 ,所 以 它 可 以 用 于 多 个 不 同 的 数据 源 .XML 数据 管理 或 管理 应 用 


程序 的 本 地 数据 ,如 内 存 中 的 数据 高 速 缓存 。DataSet 包含 一 个 或 多 个 DataTable 对 象 的 集 
合 , 这 些 对 象 由 数据 行 和 数据 列 以 及 有 关 DataTable 对 象 中 数据 的 主键 、 外 键 、 约 束 和 关系 
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信息 组 成 。 它 本 质 上 是 一 个 内 存 中 的 数据 库 , 但 从 不 关心 它 的 数据 是 从 数据 库 中 .XML 文 
件 中 ,还 是 从 这 两 者 中 或 是 从 其 他 什么 地 方 获得 的 。 
7.1.2 ADO.NET 命名 空间 


ADO. NET 提供 多 个 数据 库 访问 操作 的 类 ,如 表 7. 1 所 示 是 基本 类 。 在 ADO.NET 应 
程序 中 访问 数据 库 ,需要 在 程序 开始 处 引入 相应 的 命名 空间 。 


表 7.1 ADO.NET 命 名 空间 


命名 空间 说 明 
System. Data ADO. NET 基 类 
System. Data. OleDb 为 OLE DB 数据 源 或 SQL Server 6. 5 或 更 老 的 版 本 数据 库 设计 的 数据 存 取 类 
System. Data. SqlClient | SQL Server 7.0 或 更 高 版 本 的 SQL Server 数据 库 设计 的 数据 存 取 类 


可 将 ADO. NET 命名 空间 下 的 类 分 为 以 下 三 组 。 
1. SQL 数据 库 常 用 的 类 
位 于 System. Data. SqlClient 命名 空间 下 ,用 于 SQL Server 7. 0 或 更 高 版 本 的 数据 库 
操作 , 表 7.2 列 出 了 SQL 数据库 常用 的 类 。 
表 7.2 SQL 数据 库 常 用 的 类 


类 说 明 
SqlConnection 建立 数据 库 连接 
SqlCommand 执行 SQL 命令 并 返回 SqlDataAdapter 类 型 结果 
SqlDataAdapter 执行 SQL 命令 并 返回 DataSet 类 型 结果 
SqlDataReader 以 只 读 方 式 读 取 数 据 源 的 数据 ,一 次 只 能 读 取 一 条 记录 


2. OLE DB 数据 库 常 用 的 类 
位 于 System. Data. OleDb 命名 空间 下 ,用 于 OLE 数据 源 操 作 , 表 7. 3 列 出 了 OLE DB 


数据 库 常用 的 类 。 
表 7.3 OLE DB 数据 库 常 用 的 类 
类 说 明 
OleDbConnection 建立 数据 库 连 接 
OleDbCommand 执行 SQL 命令 并 返回 OleDbDataAdapter 类 型 结果 
OleDbDataAdapter 执行 SQL 命令 并 返回 DataSet 类 型 结果 
OleDbDataReader 以 只 读 方式 读 取 数 据 源 的 数据 ,一 次 只 能 读 取 一 条 记录 


3. 数据 集 及 相关 类 

主要 有 DataSet、 DataTable .DataRelation 和 DataView。 这 些 类 可 以 构建 内 存 数据 库 。 
一 个 DataSet 就 是 一 个 内 存 数 据 库 。 创 建 一 个 DataSet .将 代表 数据 表 的 多 个 DataTable 对 
象 添加 到 DataSet 中 。DataTable 可 以 通过 SqlDataAdapter 或 OleDbDataAdapter 对 象 来 
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创建 。 通 过 DataRelation 对 象 可 以 定义 DataSet 中 表 与 表 之 间 的 关系 ,通过 DataView 则 可 
实现 DataTable 的 数据 过 滤 和 排序 。 


7.2 ”Connection 对 象 连接 数据 库 


数据 库 访问 对 象 是 数据 库 的 访问 接口 ,负责 建立 连接 和 数据 操作 ,是 数据 存储 对 象 与 数 
据 源 之 间 的 桥梁 。 用 于 将 数据 源 中 的 数据 取出 后 放 入 数据 存储 对 象 或 在 客户 端 显 示 出 来 ， 
也 可 将 数据 存 回 数据 源 。 数 据 库 访 问 过 程 如 图 7. 2 所 示 。 


Command 广 -一 一 | 


显示 控件 或 
| Connection DataAdapter | 一 一 DataSet 一 一 输出 操作 一 一 浏览 器 


图 7.2 ADO. NET 数据 库 访问 的 过 程 


ADO. NET 包含 两 组 数据 库 访问 对 象 ,这 两 种 数据 提供 程序 都 包含 Connection、 
Command、DataReader 和 DataAdapter 4 个 对 象 。 这 些 对 象 的 作用 列 于 表 7.4 中 。 


表 7.4 .NET 数据 提供 程序 包含 的 对 象 
名 称 描 述 


创建 数据 源 的 连接 。SqlConnection 对 象 连接 SQL Server 数据 库 ; OleDbConnection 
对 象 连 接 OLE DB 数据 源 


Command 对 数据 源 执行 SQL 命令 并 返回 结 
DataReade 读 取 数据 源 的 数据 ,只 能 将 数据 源 的 数据 从 头 至 尾 一 次 读 出 
DataAdapter 对 数据 源 执行 SQL 命令 并 返回 结果 


Connection 


1. 通过 ADO.NET 执行 常规 数据 库 操作 的 过 程 

(1) 导入 相应 的 命名 空间 ; 

(2) 用 Connection 对 象 建立 与 数据 库 的 连接 ; 

(3) 用 Command 或 DataAdapter 执行 SQL 的 Select、Insert、Update 或 Delete 命令 ， 
对 数据 库 进 行 查询 ,插入 、 更 新 和 删除 等 操作 ; 

(4) 通过 DataSet 或 DataReader 或 OleDbCommand 对 象 访问 数据 ; 

(5) 使 用 数据 显示 控件 或 输出 语句 显示 数据 对 象 。 

2. 使 用 Connection 对 象 连接 数据 库 

当 连 接 到 数据 源 时 ,首先 选择 一 个 . NET 数据 提供 程序 。 数 据 提供 程序 包含 一 些 类 ,这 
些 类 能 够 连接 到 数据 源 ,高 效 地 读 取 数据 \ 修 改 数 据 、 更 新 数据 和 操纵 数据 。 微 软 公司 提供 
了 数据 提供 程序 的 连接 对 象 。 

SQL Server. NET 数据 提供 程序 的 SqlConnection 连接 对 象 。 

OLE DB. NET 数据 提供 程序 的 OleDbConnection 连接 对 象 。 

数据 库 连 接 字符 串 常 用 参数 说 明 见 表 7. 5。 
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表 7.5 数据 库 连接 字符 串 常 用 参数 说 明 
参 数 说 明 


Provider 用 于 返回 连接 提供 程序 的 名 称 , 仅 用 于 OleDbConnection 对 象 


在 终止 尝试 并 产生 异常 前 ,等 待 连接 到 服务 器 的 连接 时 间 长 度 ( 默 认 值 是 
15s) 


Connection Timeout 


Initial Catalog 或 Database 数据 库 名 


连接 打开 时 使 用 的 SQL Server 名 称 ,或 者 是 Microsoft Access 数据 库 的 


Server 或 Data Source 


文件 名 
Password 或 pwd SQL Server 账户 的 登录 密码 
User ID 或 uid SQL Server 登录 账户 
Integrated Security 连接 是 否 安全 ,可 能 的 值 有 true、false 和 SSPI 


以 下 将 对 不 同 连接 对 象 进行 详细 讲解 。 
7.2.1 使 用 SqlConnection 对 象 连接 SQL Server 数据 库 

对 数据 库 进 行 操作 前 , 先 要 建立 数据 库 的 连接 。ADO. NET 专门 提供 了 SQL Server 
.NET 数据 库 提 供 程序 用 于 访问 SQL Server 数据 库 。SQL Server NET 数据 库 提 供 程 序 提供 
了 专用 于 访问 SQL Server 7. 0 及 更 高 版 本 数据 库 的 数据 访问 类 集合 ,如 SqlConnection、 
SqlCommand、SqlDataReader 及 SqlDataAdapter 等 数据 访问 类 。 

SqlConnection 类 是 用 于 建立 与 SQL Server 服务 器 连接 的 类 ,其 语法 格式 如 下 


SqlConnecticn 连接 对 象 名 =new Sqlconnecticn ("Server= 服务 器 名 ;DataBase= 数 据 库 名 ;User ID= 用 户 ;Pwd 
= 密码 "); 


例如 ,通过 ADO. NET 连接 本 地 SQL Server 中 的 student 数据 库 过 程 如 下 。 
在 命名 空间 区 域 中 添加 以 下 内 容 : 


Using System.Data.SqlClient” 
Page_Load 事件 代码 : 


String sqlStr= "Server= (local) ;Database= student;User Id- sa;Pwd- "; 
SqlConnection myconF= new SqlConnection (sqlStr); 
myoon.Open(); 


// 对 数据 库 操作 
mycon.Close(); 


7.2.2 使 用 OleDbConnection 对 和 象 连接 OLE DB 数据 源 


OLE DB 数据 源 包含 具有 OLE DB 驱动 程序 的 任何 数据 源 , 如 SQL Server、 Access、 
Excel 和 Oracle 等 。OLE DB 数据 源 连接 字符 串 必 须 提 供 Provider 属性 及 其 值 。 
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1. 使 用 OleDb 方式 连接 SQL Server 数据 库 的 语法 格式 


Olerbconnection 连接 对 象 名 =new Olerbconnection ("Provider= OLE DB 提供 程序 的 名 称 ;Data source= 存 储 
要 连接 数据 库 的 soL 服 务 器 ;Initial catalog= 连 接 的 数据 库 名 ;UiG= 用 户 名 ;Pwd= 密 码 "); 


例如 ,通过 OleDbConnection 对 SQL Server 数据 库 进 行 连接 过 程 如 下 。 

在 命名 空间 区 域 中 添加 以 下 内 容 : 

Using System.Data. OleDby 

Page_Load 事件 代码 : 

String sqlStr=" Provider= SQLOLEDB;Data Source= 存 储 要 连接 数据 库 的 SQL 服 务 器 ;Initial Catalog= ;Uid 
=7Pwd "; 

Olerbconnection mycon= new OleTbConnection (sqlStr); 

mycon.Open ()7 


// 对 数据 库 操作 
mycon.Close (); 
2. 使 用 OleDb 方式 连接 Access 数据 库 的 语法 格式 


olerbconnection 连接 对 象 名 =new OleDbconnection("Provider= 数 据 提供 者 ;Data Source=Accsee 文 件 路 径 ") 


例如 ,在 ASP. NET 中 以 下 代码 表示 OleDb 连接 Access 数据 库 的 方法 和 完整 连接 字 
符 串 ,其 中 ,Access 数据 库 文 件 路 径 可 以 是 相对 路 径 或 绝对 路 径 。 


String StrIoad= Server.MapPath("dbl.mdb"); /获取 指定 数据 库 文件 的 路 径 
Olerbconnection con= new OleLbConnection ("Provider= Microsoft .Jet .OLETB.4.0;Data Source= "+ StrLoadt ";") 


7.2.3 使 用 OdbcConnection 对 象 连接 ODBC 数据 源 


与 ODBC 数据 源 连 接 需 要 使 用 ODBC. NET Framework 数据 提供 程序 ,其 命名 空间 位 
于 System. Data. Odbc 。 


String strConr "Driver= 数 据 库 提供 程序 名 ;Server= 数 据 库 服务 器 名 ;Trusted Connection= yes;Database= 
数据 库 名 ;" 

OdbcConnection odbcconn= new OdboConnection (strCon); 

odbcconn.Open (); 


// 对 数据 库 操作 
odbcconn.Close () 7 


7.2.4 使 用 OracleConnection 对 象 连接 Oracle 数据 源 


ASP.NET 提供 了 专门 的 Oracle. NET Framework 数据 库 提 供 程序 , 它 位 于 命名 空间 
System. Data. OracleClient. dll 程序 集中 。 


283 一 一 一 一 一 一 


《ASP.NET 动态 网 站 设计 教程 (第 2 版 ) 一 一 基于 C#+SQL Server 2008》 


String strCornF= "Data Source= Oracle8i; Integrated Security= Yes" 7 
OracleConnection oracleconr— new OracleConnection (strCon) > 
oracleconn.Open ()7 


// 对 数据 库 操作 


oracleconn.Close (); 


7.3 Command 对 象 操作 数据 


使 用 Connection 对 象 与 数据 源 建立 连接 后 ,可 使 用 Command 对 象 对 数据 源 执行 查询 、 
添加 删除 和 修改 等 各 种 操作 。 根 据 所 用 的 . NET Framework 数据 提供 程序 的 不 同 ， 
Command 对 象 也 可 以 分 成 两 种 ,分别 是 SqlCommand 和 OleDbCommand。 在 实际 编程 过 
程 中 应 根据 访问 的 数据 源 不 同 ,选择 相应 的 Command 对 象 。 下 面 介 绍 该 对 象 的 常用 属性 


和 方法 。 


Command 对 象 的 常用 属性 及 说 明 ,如 表 7.6 所 示 。 


属 人 性 


表 7.6 Command 对 象 的 常用 属性 
说 明 


CommandType 


获取 或 设置 Command 对 象 要 执行 命令 的 类 型 


CommandText 


获取 或 设置 要 对 数据 源 执 行 的 SQL 语句、 存储 过 程 或 表 名 。CommandText 也 称 为 
查询 字符 串 


CommandTimeOnut 


获取 或 设置 在 终止 对 执行 命令 的 尝试 并 生成 错误 之 前 的 等 待 时 间 


Connection 


获取 或 设置 此 Command 对 象 使 用 的 Connection 对 象 的 名 称 


了 Parameters 


获取 Command 对 象 需要 使 用 的 参数 集合 


Command 对 象 常用 方法 及 说 明 如 表 7.7 所 示 。 


表 7.7 Command 对 象 常用 方法 


方 法 说 明 
ER 执行 SQL 语句 并 返回 受 影 响 的 行 数 。 用 于 执行 不 返回 任何 值 的 命令 , 如 
INSERT UPDATE 或 DELETE 
ExecuteReader 返回 一 个 DataReader 对 象 
ExecuteScalar 执行 查询 ,并 返回 查询 所 返回 的 结果 集中 第 1 行 的 第 1 列 
ExecuteXMLReader 返回 XmlReader 对 象 ,只 用 于 SqlCommand 对 象 


对 数据 库 的 操作 分 为 : 查询 操作 和 非 查 询 操作 。 

查询 操作 又 有 两 种 情况 : 一 个 是 查询 单个 值 .二 是 查询 若干 条 记录 。 查 询 单个 值 ,可 以 
使 用 Command 对 象 的 ExecuteScalar() 方 法 ;要 查询 多 个 记录 ,可 以 使 用 Command 对 象 的 
ExecuteReader() 方 法 。 

对 数据 库 执行 的 非 查询 操作 包括 添加 、 修 改 、 删 除 记 录 , 都 可 以 使 用 Command 对 象 的 
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ExecuteNonQuery() 方 法 。 
Command 命令 可 根据 指定 SQL 语句 实现 的 功能 来 选择 SelectCommand InsertCommand、 


UpdateCommand 和 DeleteCommand 等 命令 。 


7.3.1 查询 数据 


查询 数据 库 中 的 记录 时 ,首先 创建 SqlConnectin 对 象 连接 数据 库 , 然 后 定义 查询 字符 
串 ,最 后 将 查询 的 数据 记录 绑 定 到 数据 控件 上 。 

【 例 7.1】 使 用 Command 对 象 查询 数据 库 中 记录 。 

本 例 讲解 ASP. NET 2.0 应 用 程序 中 如 何 使 用 Command 对 象 查询 数据 库 中 的 记录 。 
在 “姓名 ”文本 框 中 输入 内 容 , 单 击 “ 查 询 ” 按 钮 ,将 查询 结果 显示 出 来 ,如 图 7. 3 所 示 。 


文件 中。 编辑 EE) 查看 WD 收藏 A) 工具 0) 帮助 0 


Oi- 四国 万 时 六 mx @ 区- 王国 -[L 


者 http://1ocslhost: 1072/nexs2012/Default3. aspx 


饮 本 地 Intranet 
图 7.3 查询 数据 库 中 记录 
(1) 新 建 一 个 网 站 名 为 myWeb, 设 置 主页 为 Default3. aspx, 在 Default3. aspx 页 面 上 
添加 一 个 TextBox 控件 一 个 Button 控件 和 一 个 GridView 控件 。 它 们 的 属性 设置 及 说 明 
如 表 7.8 所 示 。 
表 7.8 Default3. aspx 页 面 中 控件 属性 设置 


控件 类 型 控 件 名 主要 属性 说 明 
TextBox 控件 tbName Id 属性 设置 为 tbName 输入 姓名 
Id 属性 设置 为 btSelect 
Button 控件 btSelect 查询 数据 库 
Text 属性 设置 为 "查询 ” 
GridView 控件 GridViewl 显示 查询 信息 


(2) 在 Web. config 文件 中 配置 连接 字符 串 , 找 到 < 二 configuration 之 元 素 中 的 
一 connectionStrings/ 二 子 元 素 , 删 除 “ 一 connectionStrings/ 二 ”的 后 两 个 字符 “/ 盖 ”, 使 之 成 
为 “一 connectionStrings”, 然后 输入 “二 ”, 这 时 将 自动 填充 二 /connectionStrings 二 。 在 
一 connectionStrings 二 与 二 /connectionStrings 二 之 间 输 入 如 下 连接 字符 串 。 

< connecticonStrings> 

< add namer "dbconnectionstring" connectionstring= " Server= (local) ;Database= 
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news;User IdF sa;Pwd= ;" providerName= "System.Data.SsqlClient"/> 
< /connectionstrings> 


(3) 编写 事件 代码 。 
在 命名 空间 区 域 中 添加 以 下 内 容 。 


Using System.Data; 
Using System.Data. SqlClient; 
Using System.Configuration; 


Default3. aspx 页 面 执行 时 的 事件 过 程 代码 如 下 。 


protected void Page_ Load (object sender,EventArgs e) 
{ 
dbind(); 
} 
Public void dbind() 
{ 
string connstr= System.Configuration.ConfiguratiorManager 
.ConnectionStrings ["dbconnectionstring"] .ToString(); 
SqlConnection myCon= new SqlConnection (connstr)7 
myCon.Open (); 
SqlCormand myamcF new SqlCormand("select * from tb user",myCon); 
SqlDatancapter myDa= new SqlIDatapqapter (nyCard) 7 
DataSet myDs= new DataSet (); 
myDa.Fill (myDs); 
GridViewl .DataSouroe= myDs; 
GridView] .DataBind(); 
myCon.close (); 
} 
Protected void btSelect Click (object sender,EventArgs e) 
{ 
if (this.tibName.Text=="") 
{ 
this.dbind(); 


else 


.ConnectionStrings ["dbconnectionstring"] .ToString (); 
string UsarName= this.tName.Text.Trim()7 
string sqlStr= "Select * fran tb user where usemame= '"" +usarNene +"""; 
SqlConnection myoors new SqlConnection (connstr)7 
myoon.Open (); 
SqlCormand mycmoF new SqlConmand (sqlStr,mycon); 
SqlDatandapter da= new SqlDatandapter (mycmg); 
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DataSet ds= new DataSet () 7 

Sa.Fill (gs); 

if (ds.Tables[0] .Rows.Count> 0) 
GridView] .DataSouroe= ds; 
GridView] .DataBind (); 


Response.Write ("< script> alert ("没有 记录 !')< /script> "); 
} 
mycon.Close (); 


} 


7.3.2 添加 数据 


向 数据 库 中 添加 记录 时 ,首先 要 创建 SqlConnectin 对 象 连接 数据 库 , 然 后 定义 添加 
记录 的 字符 串 , 最 后 调用 SqlCommand 对 象 的 ExecuteNonQuery 方法 执行 记录 的 添加 

【 例 7.2】 使 用 Command 对 象 添 加 数据 。 

本 例 讲解 ASP. NET 2.0 应 用 程序 中 如 何 使 用 Command 对 象 向 数据 库 中 添加 记录 。 
在 “姓名 ”文本 框 中 输入 内 容 , 单 击 “ 添 加 ”按钮 ,将 记录 添加 到 数据 库 中 ,如 图 7.4 和 图 7.5 
所 示 。 


文件 FE) 编辑 下 ) 查看 WD 收藏 A) 工具 I) 帮助 吕 


所- 日- 四 国 纹 时 YR 回信- 举国" 


御 http://1ocalhost:1072/news2012/Default4. aspx 


图 7.4 添加 记录 前 


(1) 在 myWeb 网 站 中 添加 一 个 新 的 Web 窗 体 Default4. aspx, 在 Default4. aspx 页 面 
上 添加 一 个 GridView 控件 ,一 个 TextBox 控件 和 一 个 Button 控件 ,它们 的 属性 设置 及 说 
明 如 表 7.9 所 示 。 


表 7.9 Default4. aspx 页 面 中 控件 属性 设置 
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文件 EF 编辑 EF) 查看 &) 收 总 和 ) 工具 (0) 帮助 0 


E 
[ 
[ 
[ 
[ 
[ 


而 本 地 Intranet 


图 7.5 添加 记录 后 


控件 类 型 控 件 名 主要 属性 说 明 
tbName Id 属性 设置 为 tbName 输入 姓名 
TextBox 控件 
tbPwd Id 属性 设置 为 tbPwd 输入 密码 
Id 属性 设置 为 btAdd 
Button 控件 btAdd 添加 记录 
Text 属性 设置 为 “添加 ” 
GridView 控件 GridViewl 显示 记录 


(2) 在 Default4. aspx 页 中 读 取 配置 节 的 连接 字符 串 ,连接 字符 串 的 配置 见 例 7. 1。 
(3) 编写 事件 代码 。 
在 命名 空间 区 域 中 添加 以 下 内 容 。 


Using System.Datay 

using System.Data. SqlClient; 

Using System.Configurationy 

Defaultl. aspx 页 面 执行 时 的 事件 过 程 代码 如 下 : 


protected void Page Load (cbject sender,EventArgs e) 
{ 
bind(); 
Eublic SqlConnection getConnection () 
{ 
string comstr= System.Configuration.ConfigurationManager.Connectio- 
DnStrings ["dbconnectionstring"] .ToString ()7 
SalConnectiocn mycon= new SqlConnection (connstr)7 


retum mycon; 
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} 
Public void dbind() 
{ 
SqlConnection myCon= getConnection(); 
myCon.Open(); 
SqlCamrand myamdF new SqlComrand ("select * ”from tb user",myCon); 
SqlDatapdapter myDa= new SqlDatardapter (nyord) ; 
DataSet myDs= new DataSet (); 
myDa.Fill (myDs); 
GridViewl .DataSouroe= myDs; 
GridView] .DataBind (); 
myCon.Close (); 
} 
Protected void btagd Click (cbject sender, EventArgs e) 
{ 
if (this.tiName.Text !="" && this.tbPwd .Text !="") 
{ 
SqlConnection myCon= getConnection (); 
TYCon.Open (); 
String strSql= "insert into tb_user (usemame,passwd) values 
(+tbName.Text.Trim() + "', "+ thpwd .Text .Trim ()+"")"; 
SqlCommand myamcd new SqlCommand (strSql,myCon); 
TYcmd.ExecuteNonQuery ()7 
myCon.Close (); 
bind(); 


bind(); 


7.3.3 修改 数据 


修改 数据 库 中 的 记录 时 ,首先 创建 SqlConnectin 对 象 连接 数据 库 , 然 后 定义 修改 数据 
的 SQL 字符 串 , 最 后 调用 SqlCommand 对 象 的 ExecuteNonQuery 方法 执行 记录 的 修改 
操作 。 

【 例 7.3】 使 用 Command 对 象 修改 数据 。 

本 例 讲解 ASP. NET 2. 0 应 用 程序 中 如 何 使 用 Command 对 象 修改 数据 表 中 的 记录 ,如 
图 7.6 一 图 7.8 所 示 。 

(1) 在 myWeb 网 站 中 添加 一 个 新 的 Web 窗 体 Default5. aspx, 在 Default5. aspx 页 
面 上 添加 一 个 GridView 控件 ,设置 GridView 控件 的 属性 及 事件 ,如 表 7. 10 和 表 7. 11 
所 示 。 
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文件 EF) 编辑 于) 查看 收 遂 和) 工具 QD) 和 玫 助 虽 


四 银 - 图 -四 轩 押 万 丢 交加 了 信 -各 辐 - 


地 址 @) 者 http://1ocslhost:1072/news2012/Default5. aspx 


晤 本 地 Intranet 


图 7.6 修改 数据 前 


文件 编辑 E) 查看 0D 收藏 内 工具 CD 帮助 9 


民 - 日 " 轩 国 多 时 VY 加 全- 学 辐 "L 册 


地 址 ) | 站 http;//1ocalhost:1072/news2012/Default5. aspx 


图 7.7 修改 数据 


文件 下 ) 编辑 E) 查看 WD) 收藏 由 工具 CD) 帮助 0D 


加寿- 加 -四国 和 这 YY 因 由- 党国 "LJ 


地 址 种) | 图 http;//1ocslhost:1072/news2012/Default5. aspx 图 畦 到 链接 


饮 本 地 Intranet 


图 7.8 修改 数据 后 
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表 7.10 Default5. aspx 页 面 中 控件 属性 设置 


属 性 名 属性 设置 说 明 
AutoGenerateColumns False 不 为 数据 源 中 的 每 个 字段 自动 创建 绑 定 字段 
DataKeyNames userID, username 显示 在 GridView 控件 中 的 项 目的 主键 字段 的 名 称 

表 7.11 Defaults. aspx 页 面 中 控件 方法 设置 
事 社 说 明 事 件 说 明 
RowEditing 生成 Edit 事件 时 激发 RowCancelingEdit | ”生成 Cancel 事件 时 激发 
RowUpdating 对 数据 源 执行 Update 时 激发 


(2) GridView 控件 的 设计 代码 如 下 。 


< asp:GridView ID= "GridViewl" runat= "server" AutoGenerateColums= "False" OnRowiditing= "GridViewl 
OnRowUpdating= "GridViewl RowUpdating" Width= "496px" DataKeyNames= "userID,username" OnRowCancelingPadit 
= "GridViewl_ RowCancelingrdit"> 

< Colums> 

< asp:BoundField DataField= "username" HeaderText= "用 户 名 " /> 

< asp:CormandFielqd ShowEditButton= "True" /> 

< /Columns> 

< /asp:GridView> 


(3) 在 Default5. aspx 页 中 读 取 配置 节 的 连接 字符 串 ,连接 字符 串 的 配置 见 例 7. 1。 


(4) 编写 事件 代码 。 
在 命名 空间 区 域 中 添加 以 下 内 容 : 


Using System.Data; 
Using System.Data. SqlClient; 
Using System.Configuration; 


Default5. aspx 页 面 执行 时 的 事件 过 程 代 码 如 下 。 


Protected void Page Load (object sender,EventArgs e) 
{ 
if (!IsPostBack) 
{ 
bind(); 


} 
Eublic SqlConnection getConnection () 
string conmnstr= System.Configuration.ConfiguratiorManager.Connec- 
tionStrings ["dbconnectionstring"] .ToString(); 
SqlConnecticn myconnF= new SqlConnection (Connstr) 7 
retum myCon; 
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Public void abind() 
{ 
SqlConnection myCon= getConnection (); 
myCon.Open (); 
string sqlStr= "select * from tb user"; 
SqlDatandapter myDa= new SqlDatandapter (sqlStr,myCon); 
DataSet myDs= new Dataset (); 
myDa.Fill (myDs, "tb user"); 
GridView] .DataSouroce=myDs.Tables[0] .DefaultView; 
GridView] .DataBind (); 
myDa.Dispose (); 
myDs .Dispose (); 
myCon.Close (); 
} 
protected void GridViewl RowEditing (Gbject sender,GridViewEditEventArgs e) 
{ 
GridViewl .EditIndex= e.NewEditIndex; 
bind(); 
} 
protected void GridViewl RowUpdating (cbject sender, GridViewUpdateEventArgs e) 
{ 
jnt jcF Corvert.TJoInt32 (GridView] .DataKeys [e.RowIndex] .Value.TString ()); 
String name= ( (TxtBox) (GridView] .Rows[e.RowIndex] .Cells[0] .Controls[0])). 
Text.ToString()7 
String sqlStr= "update th user set usemame= '" + name + "where UserID= "+ ja) 
SqlConnection myCon= getConnection ()7 
myCon.Open(); 
SqlCamand myCon= new SalConmand (sqlStr,myCon); 
myCon.ExecuteNonQuery ()7 
TYCon.Close ()7 
GridView] .FEditIndex=— 1; 
bind(); 
} 
protected void GridView]l RowCanoelingEdit (cbject sender,GridViewCanoelEdi- 
tEventArgs e) 
{ 
GridView] .EditIndex—— 1; 
bind(); 


7.3.4 删除 数据 


删除 数据 库 中 记录 时 ,首先 要 创建 SqlConnectin 对 象 连接 数据 库 , 然 后 定义 删除 记录 
的 字符 串 ,最 后 调用 OledbCommand 对 象 的 ExecuteNonQuery 方法 执行 记录 的 添加 操作 。 
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【 例 7.4】 使 用 Command 对 象 删除 数据 。 
本 例 讲解 ASP. NET 2. 0 应 用 程序 中 如 何 使 用 Command 对 象 删除 数据 库 中 的 记录 ,如 


图 7.9 一 图 7.11 所 示 。 


文件 下) 编辑 EE) 查看 QW) 收藏 工具 CD) 各 助 D 


图 7.9 删除 数据 前 


文 续 ED 所 给 E) 查看 收 大 (4) 工具) 帮助 0 
a- OO. 国 Pr Ym 加 DD- 竺 国 "Ld 


地 址 四 ) | 息 http://1ocalhest:1072/news20127Defanlt6.aspx 


晤 本 地 Intranet 


和 javaseript:_dePostBackf Gridyiew!’,’ Delete$e’ ) 


图 7.10 删除 数据 


文件 四， 坊 辑 EE 查看) 收藏， 工具 CD) 帮助 0 
-日 - 国 国 入 时 六 tx 因 耻 - 导 国 "L 


地 址 @) | 御 http://1ocalhost:1072/news2012/Default6_ aspx 


蝎 本 地 Intranet 


图 7.11 删除 数据 后 
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(1) 在 myWeb 网 站 中 添加 一 个 新 的 Web 窗 体 Default6. aspx, 在 Default6. aspx 页 面 
上 添加 一 个 GridView 控件 ,设置 GridView 控件 的 属性 及 事件 ,如 表 7. 12 和 表 7. 13 所 示 。 


表 7. 12 Default6. aspx 页 面 中 控件 属性 设置 


属 性 名 属性 设置 说 明 
AutoGenerateColumns False 不 为 数据 源 中 的 每 个 字段 自动 创建 绑 定 字段 
DataKeyNames userID 显示 在 GridView 控件 中 的 项 目的 主键 字段 的 名 称 


表 7.13 Default6. aspx 页 面 中 控件 方法 设置 
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事件 说 明 
RowDeleting 对 数据 源 执行 Delete 时 激发 
RowDataBound 对 行进 行 数据 绑 定 后 激发 


(2) GridView 控件 的 设计 代码 如 下 。 


< asp:GridView ID= "GridqViewl" runat= "server" OnRowDataBound= "GridViewl_ 


RowDataBound" 


OnRowDeleting= "GridViewl RowDeleting" Width= "520px"> 
<Colums> 

<asp:CormandField ShowDeleteButton= "True" /> 
</columns> 

< /asp:GridView> 


(3) 在 Default6. aspx 页 中 读 取 配置 节 的 连接 字符 串 ,连接 字符 串 的 配置 见 例 7. 1。 
(4) 编写 事件 代码 。 
在 命名 空间 区 域 中 添加 以 下 内 容 。 


Using System.Data; 
Using System.Data.SqlClient; 
using System.Configuration; 


Default6. aspx 页 面 执行 时 的 事件 过 程 代 码 如 下 。 


Protected void Page Load (cbject sender,EventArgs e) 


{ 


} 


dbind(); 


Public sqlConnection getConnection() 


{ 


} 


string comstr= System.Configuration.ConfigurationManager.ConnectionStr 
ings ["dbconnectionstring"] .ToString()7 

SqlConnection myCon= new SqlConnection (connstr) 7 

retum myCon; 


Public void dbind() 


{ 


SqlConnection myCor= getConmnection(); 
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myCon.Open(); 
string sqlStr= "select * fram th user"; 
SqlDatandapter myDa= new SqlDatandapter (sqlStr,myCon); 
DataSet myDs= new DataSet (); 
myDa.Eill (myDs); 
GridViewl .DataSouroe= myDs; 
GridView] .DataBind ()7 
myCon.Close (); 
} 
Protected void GridqViewl RowDeleting (cbject sengder,GridViewDeleteEventArgs e) 
{ 
int id= Convert .ToInt32 (GridViewl .DataKeys [e.RowIndex] .Value.ToString()); 
string sqlStr= "delete fram tb user where userID=" +id; 
SqlConnection myCon= getConnection (); 
myCon.Open(); 
SqlCormand mycane new SqlCammand (sqlStr,myCon); 
myCon.ExecuteNonQuery () 7 
myCon.Close ()7 
GridqViewl.EditIndex= 一 17 
bind(); 
} 
Protected void GridViewl RowDataBound (cbject sender,GridViewRowEventArgs e) 
{ 
if (e.Row.RowType= = DataControlRowTYPe.DataRow) 
{ 
( (LinkButton)e.Row.Cells[0] .Controls [0]) .Attributes .Add ("onclick", 
"retum confim(' 确 定 要 删除 吗 ?')"); 


7.4 结合 使 用 DataAdapter 对 象 和 DataSet 对 象 


7.4.1 使 用 DataAdapter 对 象 填充 DataSet 对 象 


1. DataSet 对 象 

数据 集 对 象 DataSet 是 ADO. NET 的 核心 ,位 于 内 存 的 数据 库 。 它 是 支持 ADO. NET 
断 开 式 、 分 布 式 数据 方案 的 核心 对 象 。DataSet 包含 一 个 或 多 个 数据 表 , 表 数据 可 来 自 数据 
库 文件 或 XML 数据 ,以 及 所 有 表 的 约束 .索引 和 关系 ,相当 于 在 内 存 中 的 一 个 小 型 关系 数 
据 库 。 一 个 DataSet 对 象 包括 一 组 DataTable 对 象 ,这 些 对 象 可 以 与 DataRelation 对 象 相 
关联 ,其 中 ,每 个 DataTable 对 象 是 由 DataColumn 和 DataRow 对 象 组 成 的 。 

DataSet 对 象 的 数据 模型 如 图 7. 12 所 示 。 

DataSet 提供 方法 对 数据 集中 表 数 据 进行 浏览 ,编辑 、 排 序 、 过 滤 或 建立 视图 (View)。 
使 用 DataSet 对 象 的 方法 有 以 下 几 种 ,这 些 方法 可 以 单独 应 用 :也 可 以 结合 应 用 : 以 编程 方 
式 在 DataSet 中 创建 DataTable、DataRelation 和 Constraint ,并 使 用 数据 填充 表 。 
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DatSet 


DataRelationCollection 


ExtendedProperties 


DataTableCollection 


DataTable 


DataRowCollection 


DataView 


DataRow 


ChildRelations 


ParentRelations 


Constraints 


DataColumnCollection 


ExtensionProperties 


DataColumn 


PrimarvKev 


ExtensionProperties 


图 7.12 DataSet 对 象 模型 


通过 DataAdapter 用 现 有 关系 数据 源 中 的 数据 表 填 充 DataSet。 

2. DataAdapter 对 象 

DataAdapter 对 象 是 DataSet 对 象 和 数据 源 之 间 联 系 的 桥梁 ,主要 是 从 数据 源 中 检测 数 
据 .填充 DataSet 对 象 中 的 表 或 者 把 用 户 对 DataSet 对 象 的 更 改写 到 数据 源 。 

DataAdapter 对 象 的 常用 属性 及 说 明 如 表 7. 14 所 示 。 


属 人 性 


表 7.14 DataAdapter 对 象 的 常用 属性 及 说 明 
说 明 


SelectCommand 


获取 或 设置 用 于 在 数据 源 中 选择 记录 的 命令 


InsertCommand 


获取 或 设置 用 于 将 新 记录 插入 数据 源 中 的 命令 


UpdateCommand 


获取 或 设置 用 于 更 新 数据 源 中 记录 的 命令 


DeleteCommand 


获取 或 设置 用 于 从 数据 集中 删除 记录 的 命令 


DataAdapter 对 象 的 常用 方法 及 说 明 如 表 7. 15 所 示 。 


表 7.15 DataAdapter 对 象 的 常用 方法 及 说 明 


取出 数据 ,然后 调 月 
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方 法 说 明 
Fill 从 数据 源 中 提取 数据 填充 数据 集 
Update 更 新 数据 


创建 DataSet 对 象 之 后 ,需要 把 数据 导入 到 DataSet 中 ,一 般 情况 下 使 用 DataAdapter 


月 DataAdapter 的 Fill 方法 将 取 到 的 数据 导入 DataSet 中 。DataAdapter 


ADO.NET 数据 库 编程 


的 Fill 方法 需要 两 个 参数 ,一 个 是 被 填充 的 DataSet 的 名 字 , 另 一 个 是 给 填充 到 DataSet 中 
的 数据 表 的 名 字 。 例 如 ,从 tb_user 表 中 检索 数据 信息 ,调用 DataAdapter 的 Fill 方法 填充 
DataSet 数据 集 ,代码 如 下 。 


SqlConnection myConF getConnection (); 

string sqlStr= "select * fram tb user"; 
myCon.Open(); 

SqlDataAdapter myDa= new SqlDatandapter (sqlStr,myCon); 
// 创 建 一 个 Dataset 数据 集 

DataSet myDs= new DataSet (); 

//sqlpataaapter 对 象 的 本 11 方 法 填充 数据 集 
Da.Fill (Ds, "tb user"); 


7.4.2 对 DataSet 中 的 数据 操作 


通过 DataSet 操作 数据 表 记 录 , 先 使 用 数据 适配器 DataAdapter 从 数据 库 中 读 取 数据 填充 
到 DataSet 数据 集中 ,对 DataSet 数据 集中 的 数据 做 修改 后 ,将 更 新 的 数据 写 和 数据库 中 。 

通过 DataSet 修改 现 有 的 数据 记录 , 先 创建 一 个 DataRow 对 象 , 从 表 对 象 中 获得 需要 
修改 的 行 并 赋值 给 新 建 的 DataRow 对 象 , 根 据 需要 修改 各 列 的 值 , 调 用 DataAdapter 对 象 
的 Update() 方 法 更 新 提交 到 数据 库 中 。 

【 例 7.5】〗 对 DataSet 中 的 数据 操作 。 

本 例 讲解 ASP. NET 2.0 应 用 程序 中 如 何 使 用 DataSet 对 象 操 作 数据 库 中 的 记录 ,如 
图 7.13 和 图 7.14 所 示 。 


E] 
文件 下。 编辑 EF) 查看 收 总 &) 工具 帮助 0 


图 7.13 使 用 DataSet 对 象 操作 数据 库 前 


(1) 在 myWeb 网 站 中 添加 一 个 新 的 Web 窗 体 Default7. aspx, 在 Default7. aspx 页 面 
上 添加 一 个 GridView 控件 ,用 于 显示 数据 表 内 容 。 

(2) 在 Default7. aspx 页 中 读 取 配置 节 的 连接 字符 串 ,连接 字符 串 的 配置 见 例 7. 1。 

(3) 编写 事件 代码 。 

在 命名 空间 区 域 中 添加 以 下 内 容 。 
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文件 中) 编辑 下) 查看 QD) 收藏 由 工具 侣 和 肋 册 


Om- © -BG Pe Wm © BB ED 


地 址 四 ) | 罩 http://1ocelhost:1072/news2012/Default7. aspx 


饮 本 地 Intranet 


图 7.14 使 用 DataSet 对 象 操作 数据 库 后 


Using System.Data; 
Using System.Data.SqlClient; 
Using System.Configuration; 


Default7. aspx 页 面 执行 时 的 事件 过 程 代码 如 下 。 


Protected void Page_Load (abject sender,EventArgs e) 
{ 
cbind(); 
} 
Public sqlConnection getConnection() 
{ 
string comnstr= System.Configuraticn.ConfiguraticonManager.ConnectionStr- 
ings ("dboonnectionstring"] .Tostring(); 
SqlConnection myconn= new SqlConnection (connstr)7 
retum myconn; 
让 
Public void dbind() 
4 
SqlConmnection myConF getConnection () 7 
myCon.Open(); 
string sqlStr= "select * fram tb user"; 
SqlDatandapter myDa= new SqlDatandapter (sqlStr,myCon); 
DataSet myDs= new DataSet () 7 
myDa.Fill (myDs)7 
GridViewl .DataSouroe= myDs; 
GridView] .DataBind ()7 
myCon.Close (); 
} 
protected void btEdit Click(cbject sender, EventArgs e) 
{ 
SqlConnection myCor= getConnection(); 
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sqlDatandapter myDe— new SqlDatancapter (); 
string sqlStr= "select * fram tb user"; 
myDa.SelectCormand= new SqlCommand (sql Str,myCon) ; 
SqlCamrandBuilder sdo= new SqlCommandBui lder (myDa); 
DataSet myDs= new DataSet (); 

myDa.Fill (myDs); 

DataRow myRow= myDs .Tables [0] .Rows [3]; 
myRow["username"]=" 干 浩 "; 

myRow ["passwd"]= "666666"7 

GridViewl .DataSouroe= myDs.Tables[0]; 

GridView] .DataBind(); 

myDa.Update (myDs); 


7.5 DataReader 对 象 读 取 数据 


DataReader 对 象 是 一 个 只 向 前 的 光标 , 它 需 要 与 数据 源 实 时 连接 ,提供 了 循环 和 使 用 
全 部 或 部 分 结果 集 的 高 效 方式 。 该 对 象 不 能 直接 实例 化 ,必须 调用 Command 对 象 的 
ExecuteReader 方法 ,从 数据 源 中 检索 数据 来 创建 DataReader 对 象 。 在 使 用 数据 读 取 器 完 
成 任务 后 ,应 该 关闭 连接 ,和 否则 连接 会 一 直 打 开 。 如 果 不 想 让 数据 读 取 器 一 直 读 取 到 文件 末 
尾 ,就 可 以 调用 Connection 对 象 的 Close 方法 。 

根据 . NET Framework 数据 提供 程序 不 同 , DataReader 也 可 以 分 成 SqlDataReader、 
OledbDataReader 等 几 类 。 

下 面 介 绍 DataReader 对 象 的 常用 属性 和 方法 。 

DataReader 对 象 的 常用 属性 及 说 明 如 表 7. 16 所 示 。 


表 7.16 DataReader 对 象 的 常用 属性 及 说 明 


属 性 说 明 
FieldCount 获取 当前 行 的 列 数 
IsClosed 获取 DataReader 对 象 的 状态 ,True 表示 关闭 
RecordsAffected 获取 执行 Insert、Update 或 Delete 命令 后 受 影 响 的 行 数 


DataReader 对 象 的 常用 方法 及 说 明 如 表 7. 17 所 示 。 
表 7.17 DataReader 对 象 的 常用 方法 及 说 明 
方 法 说 明 方 法 说 明 
Read 使 DataReader 对 象 前 进 到 下 一 条 记录 Get 用 来 读 取 数 据 集 的 当前 行 的 某 一 列 数据 
Close “| 关闭 DataReader 对 象 


7.5.1 使 用 DataReader 对 象 读 取 数 据 
DataReader 读 取 器 以 基于 连接 的 、 未 缓冲 的 及 只 向 前 移动 的 方式 来 读 取 数据 ,一 次 读 
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取 一 条 记录 ,然后 遍历 整个 结果 集 。 
【 例 7.6】 使 用 DataReader 对 象 读 取 数据 。 


本 例 讲 解 ASP. NET2. 0 应 用 程序 中 如 何 使 用 DataReader 对 象 读 取 数 据 库 中 的 记录 ， 


将 读 出 的 数据 通过 Label 控件 显示 出 来 ,运行 结果 如 图 7.15 所 示 。 


(1) 在 myWeb 网 站 中 添加 一 个 新 的 Web 窗 体 Default8. aspx, 在 Default8. aspx 页 面 


文件 人 E) 编辑 EE) 查看 收 总 和 工具 0 帮助 虽 


多 -昌国 国 多 记 时 WW 加 区- 尖 国 "LU 


图 http://1ocalhost:1072/news2012/Defanlt8. aspx 


中 国 女足 后 选 体育 


我 献血 ， 我 自豪 社会 


小 康之 路 社会 


影帝 之 战 社会 


战略 知识 联盟 社会 


局 本 地 Intranet 


图 7.15 使 用 DataReader 对 象 读 取 数据 


上 添加 一 个 Label 控件 ,用 于 显示 读 取 的 数据 信息 。 
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(2) 在 Default8. aspx 页 中 读 取 配置 节 的 连接 字符 串 ,连接 字符 串 的 配置 见 例 7. 1。 
(3) 编写 事件 代码 。 


在 命名 空间 区 域 中 添加 以 下 内 容 。 


Using System.Data; 
Using System.Data.SsqlClient; 
Using System.Configuration; 


Default8. aspx 页 面 执行 时 的 事件 过 程 代码 如 下 。 


Protected void Page Load (cbject sender,EventArgs e) 


{ 


if (!IsEostBack) 


{ 


SqlConnection myCon= getConnecticn ()7 
myCon.Open ()7 

string sqlStr= "select * ”from th news"; 
SqlCamand myand new SqlCormand (sqlStr,myCon); 
SqlDataReader myDr= mycmd.ExecuteReader (); 
while (myDr.Read()) 


， 


this.Labell.Text +=myDr["title"]+ "gnbsp; énbsp; snbsp; gnbsp; 
Tsp; snbsp; snbbspsnibsp;" +ImyDr["style"] + "<hr> "+"<br> "7 
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Public SqlConmnection getConnecticn () 
{ 
string comstr= System.Configuration.ConfiguratiorManager.Connecti- 
cnStrings ["dbconnectionstring"] .ToString()7 
SqlConnection myconnF= new SqlConnection (connstr); 
retum myconny 
} 


7.5.2 DataReader 对 象 和 DataSet 对 象 的 区 别 


ADO. NET 提供 两 个 对 象 用 于 检索 关系 数据 ,并 把 它们 存储 在 内 存 中 ,分 别 是 DataSet 
和 DataReader。 它 们 在 用 法 上 是 有 区 别 的 。 

首先 ,DataSet 是 一 个 内 存 数据 库 。DataSet 中 可 以 包含 多 个 数据 表 , 还 可 以 在 程序 中 
动态 地 产生 数据 表 , 数 据 表 可 来 自 数 据 库 、 文 件 或 XML 数据 ,DataSet 对 象 还 包括 主键 、 外 
键 和 约束 等 关系 的 完整 数据 集合 。DataSet 提供 方法 对 数据 集中 的 表 数 据 进行 浏览 ,编辑 、 
排序 ,过 滤 或 建立 视图 。DataReader 提供 快速 ,只 向 前 、 只 读 的 来 自 数据 库 的 数据 流 , 是 用 
来 访问 数据 的 简单 方式 ,只 能 顺序 读 取 数 据 , 不 能 写 人 数据。 

其 次 ,DataSet 与 DataReader 在 为 用 户 查 询 数据 时 创建 过 程 也 有 区 别 。 

1. DataSet 在 为 用 户 查询 数据 时 的 过 程 

(1) 创建 连接 。 

(2) 打开 连接 。 

(3) 创建 DataAdapter 对 象 。 

(4) 定义 DataSet 对 象 。 

(5) 执行 DataAdapter 对 象 的 Fill 方法 填充 DataSet 数据 集 。 

(6) 将 DataSet 中 的 表 绑 定 到 数据 控件 中 。 

(7) 关闭 连接 。 

2. DataReader 在 为 用 户 查询 数据 时 的 过 程 

(1) 创建 连接 。 

(2) 打开 连接 。 

(3) 创建 Command 对 象 。 

(4) 执行 Command 的 ExecuteReader 方法 创建 DataReader 对 象 。 

(5) 将 DataReader 绑 定 到 数据 控件 中 。 

(6) 关闭 DataReader。 

(7) 关闭 连接 。 


实践 与 练习 


开发 一 个 管理 员 模 块 ,管理 员 可 以 对 用 户 信息 进行 添加 、 修 改 和 删除 等 操作 。 
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第 8 章 数据 绑 定 


本 章 学 习 目 标 

。 理解 数据 绑 定 含义 。 

。 熟练 掌握 Gridview 控件 .DataList 控件 、Repeater 控件 使 用 方法 。 
。 掌握 如 何 利用 ASP. NET 提供 的 控件 把 数据 呈现 在 页 面 上 。 


通过 本 章 的 学 习 读 者 将 掌握 如 何 利 用 ASP. NET 提供 的 控件 把 数据 呈现 在 页 面 上 。 


8.1 数据 绑 定 简介 


数据 绑 定 就 是 将 UI 元 素 (界面 元 素 ) 与 底层 的 数据 源 链接 起 来 的 过 程 。 

Web 系统 的 一 个 典型 特征 是 后 台 对 数据 的 访问 和 处 理 与 前 台数 据 的 显示 是 分 离 的 ,而 
前 台 显 示 是 通过 HTML 来 实现 的 。 一 种 将 数据 呈现 的 最 直接 的 方式 是 将 需要 显示 的 数据 
和 HTML 标记 拼接 成 字符 串 并 输出 ,但 这 种 方案 不 但 复杂 而 且 难 以 重用 ,尤其 是 有 大 量 数 
据 处 理 时 。 因 此 为 了 简化 开发 过 程 ,ASP. NET 环境 中 提供 了 多 种 不 同 的 服务 器 端 控 件 来 
帮助 程序 员 更 快 更 高 效 地 完成 数据 的 呈现 。 这 些 用 于 数据 呈现 的 ASP. NET 控件 ,集成 了 
常见 的 数据 显示 框架 和 数据 处 理 功能 ,因而 ,在 使 用 时 只 需要 设置 某 些 属性 ,并 将 需要 显示 
的 数据 交付 给 控件 ,控件 就 可 以 按照 固定 的 样式 或 通过 模板 自 定义 样式 将 一 系列 数据 呈现 
出 来 ,并 自动 继承 某 些 内 置 的 数据 处 理 功能 ,如 排序 、 分 页 等 ,当然 ,也 可 以 通过 编程 定制 或 
扩展 控件 的 行为 。 这 些 控件 称 为 数据 绑 定 控件 ,而 将 数据 交付 给 数据 绑 定 控件 的 过 程 就 被 
称 为 数据 绑 定 。 

数据 绑 定 控件 其 本 质 上 依然 是 通过 HTML 来 呈现 数据 ,只 不 过 按照 某 种 样式 生成 
HTML 框架 并 将 数据 填 人 其 中 的 工作 由 控件 自动 完成 了 ,一 些 复杂 的 数据 绑 定 控 件 还 提供 
了 大 量 的 功能 帮助 我 们 对 数据 进一步 操作 ,例如 排序 `. 过滤、 新 增 、 修 改 和 删除 等 ,从 而 使 得 
数据 呈现 的 过 程 变 得 简单 而 灵活 。 正 因为 如 此 ,数据 绑 定 控件 的 使 用 是 ASP. NET 编程 中 
非常 重要 的 一 部 分 内 容 。 


8.1.1 简单 数据 绑 定 


1. 单 值 绑 定 

通过 使 用 绑 定 表 达 式 和 后 台 设 置 属性 两 种 方式 设置 在 HTML 标记 中 和 一 个 简单 的 服 
务 器 控件 中 要 显示 的 数据 ,对 于 单 值 控件 的 数据 设置 方式 是 通用 的 。 

【 例 8.1】 单 值 绑 定 。 

步骤 1 启动 Microsoft Visual Studio 2010 ,新 建 一 个 空 网 站 ,并 在 空 网 站 中 添加 一 个 
新 的 “Web 窗 体 ” 并 将 其 命名 为 “Dzbd. aspx”。 

步骤 2 在 二 div 之 标记 中 添加 两 个 TextBox 控件 .并 修改 Dzbd. aspx 页 面 代码 如 下 。 


数据 绑 定 


<div> 

< %# DanzhiBingqingStr + "1"%>> 

< asp:TextBox ID= "TextBoxl" runat= "server"> < /asp:TextBox> 
< asp:TextBox ID= "TextBox2" runat= "server" 

Text= "< $# Dzbdstr+ 3%> "> < /asp:TextBox> 

< /div> 


步骤 3 修改 Dzbd. aspx. cs 文件 代码 如 下 。 


Using System; 
using System.Collections .Generic; 
using System.Linqg; 
Using System.Web; 
using System.Web.UI; 
using System.Web.UI .WebControls; 
Public partial class Dzbd: System.Web.UI .Page 
{ 
/在 页 面 代码 中 将 通过 绑 定 表 达 式 直接 引用 该 成 员 
public string Dzbdstr= "简单 绑 定 之 单 值 绑 定 " 
protected void Page Load (cbject sender,EventArgs e) 
{ 
// 页 面 的 数据 绑 定 方法 ,对 于 绑 定 表达 式 是 关键 的 步骤 
Page.DataBind(); 
// 通 过 在 后 台 设 置 服务 器 控件 属性 来 绑 定 数据 
this.TextBoxl.Text= this.DzbdStr+ "2"7 


让 
步骤 4 程序 运行 结果 如 图 8. 1 所 示 。 


丰 


一 小 口 | 
Sivooaton DBo[ Goaton BB 
文件 (月 ”编辑 (E) ”查看 (V) 收藏 夫 (A) 工具 (T) 帮助 (H) 
简单 绑 定之 单 值 绑 定 1> [简单 乡 定 之 单 值 弧 定 2 ”| [简单 九 定 之 单 值 绑 定 3 


8.1 Dzbd. aspx 运行 结果 


在 上 述 代码 中 ,首先 用 绑 定 表达 式 二 %#DzbdStr 十 "1"% 二 直接 风 入 到 div 标记 中 来 
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设置 HTML 标记 中 的 显示 值 ,然后 通过 绑 定 表达 式 和 后 台 设 置 空间 属性 两 种 方式 绑 定 了 
TextBox 控件 的 显示 数据 。 

这 里 需要 注意 绑 定 表达 式 的 用 法 : 在 二 %# % 记 标记 中 通过 直接 引用 页 面 类 中 定义 的 
共有 数据 成 员 DzbdStr 构成 表达 式 , 这 是 因为 aspx 页 面 是 从 . cs 代码 中 的 类 型 继承 而 来 的 ， 
而 二 %# % 沁 标记 的 作用 正 是 通过 在 前 台 显示 代码 中 骨 入 访问 数据 的 表达 式 来 完成 数据 绑 
定 。 这 实际 上 是 通过 绑 定 表达 式 建立 了 后 台 代 码 与 前 台 页 面 元 素 之 间 的 联系 ,在 输出 页 面 
流 时 ,系统 根据 绑 定 表达 式 引用 后 台 代码 产生 的 数据 ,计算 表达 式 的 值 并 插入 到 显示 页 面 的 
合适 位 置 。 

在 绑 定 表达 式 中 不 仅 可 以 引用 后 台 代 码 中 的 共有 数据 成 员 ,而 且 可 以 引用 其 共有 方法 ， 
通过 表达 式 绑 定数 据 实 际 上 包含 

(1) 为 HTML 元 素 或 服务 器 控件 指定 绑 定 表达 式 。 

(2) 在 后 台 代码 中 显示 调用 控件 的 DataBind() 方 法 。 

因此 在 例 8. 1 中 ,后 台 代码 的 Page_Load 方法 中 必须 包含 Page. DataBind( ) 方 法 调用 ， 
Page. DataBind( ) 方 法 会 调用 页 面 中 所 有 控件 及 其 子 控件 的 DataBind() 方 法 。 

对 于 服务 器 控件 TextBoxl ,直接 在 后 台 代码 中 设置 了 其 TextBoxl. Text 属性 值 来 完 
成 数据 绑 定 。 这 种 方法 不 仅 对 于 单 值 控件 ,对 于 更 高 负载 的 数据 绑 定 控件 也 是 适用 的 。 对 
于 多 值 绑 定 更 常用 的 方法 是 通过 设置 其 数据 源 来 完成 数据 绑 定 。 

2. 列表 控件 的 数据 绑 定 

DropDownList、ListBox、CheckBoxList 等 是 ASP.NET 提供 的 控件 。 虽 然 它 们 呈现 数 
据 的 样式 和 某 些 功能 有 所 不 同 , 但 其 本 质 都 是 以 数据 项 列表 的 形式 呈现 和 组 织 数据 的 集合 ， 
因为 数据 绑 定 方式 也 很 相似 ,可 以 通过 编程 的 方式 为 控件 对 象 增加 多 个 数据 项 ,也 可 以 直接 
在 Microsoft Visual Studio 2010 环境 提供 的 图 形 界 面 中 编辑 要 显示 的 数据 项 列表 。 但 由 于 
列表 控件 绑 定 的 通常 是 一 个 数据 集合 ,上述 两 种 方式 比较 烦琐 ,对 于 列表 控件 的 数据 绑 定 而 
言 ,更 常用 的 方式 则 是 指定 数据 源 然后 调用 控件 的 DataBind() 方 法 。 

【 例 8. 2】〗】 以 DropDownList、ListBox、CheckBoxList 列表 控件 为 例 ,介绍 如 何 通 过 设 
置 数据 源 绑 定 数据 。C# 中 提供 的 很 多 集合 类 可 以 作为 列表 控件 的 数据 源 对 象 ,一 般 来 说 ， 
实现 IEnumerable 、IListSource IDataSource 和 IhierarchicalDataSource 接口 的 类 都 可 以 作 


为 数据 源 。 

步骤 1 在 网 站 中 新 建 一 个 名 为 Lcb. aspx 的 网 页 ,并 在 页 面 上 添加 三 种 列表 控件 ,如 
图 8.2 所 示 。 

在 页 面 中 添加 了 如 下 控件 。 


(1) 一 个 DropDownList 控件 ,一 个 用 于 显示 选择 项 值 的 文本 框 , 并 设置 其 
AutoPostBack 属性 为 True。 

(2) 一 个 CheckBoxList ,一 个 文本 框 和 一 个 “确定 按钮。 控件 每 一 个 绑 定 项 显示 文本 
为 学 生 姓名 ,而 值 为 性 别 , 当 单 击 “ 确 定 ” 按 钮 后 ,将 在 文本 框 中 显示 CheckBoxList 中 所 选 姓 
名 对 应 的 性 别 。 

(3) 一 个 用 于 显示 链接 列表 的 BulletedList 控件 ,每 个 绑 定 项 都 描述 一 个 键 值 对 ,代表 
指向 某 个 网 站 的 链接 。 显 示 文 本 为 超 链接 形式 的 网 站 名 称 ,而 值 为 网 站 RUL, 因 此 需要 设 
置 控件 的 DisplayMode 二 "HyperLink" ,并 设置 Target 一 "_blank" ,表示 单 击 后 目标 URL 
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图 8.2 Lcb 网 页 设计 界面 


将 在 新 窗口 中 打开 。 
页 面 代码 如 下 。 


< head runat= "server"> 

<title> 例 8- 2< /title> 

< [head> 

<body> 

< fom id= "forml" runat= "server"> 

<div> 

< table style= "width;480px; "> 

<tr> 

<to> 

< asp:Panel ID= "Panell" runat= "server" Height= "190px" Width= "160px" 
BorderStyle= "Groove"> 

< asp:DropDownList ID= "DropDownList1"”Iunat= "server" AutoPostBack= "True" 

"53px" Width= "150px"> 


< asp:Label ID= "Tablel" runat= "server" Text= "已 选择 " Width= "90%">< /asp:Label> 

<br/> 

< asp:TextBox ID= "TextBoxl" runat= "server" Width= "150px"> < /asp:TextBox> 

<br/> 

< /asp:Panel> 

</to> 

<to> 

< asp:Panel ID= "Panel2" runat= "server" Height= "190px" Width= "160px" 
Borderstyle= "Groove"> 

< asp:CheckBoxList ID= "CheckBoxListl1" runat=— "server" Height=— "98px" 
Wigth= "100%"™> 

<asp:listItem> 未 绑 定 < /asp:listItem> 

< /asp:CheckBoxList> 
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<br/> 

< asp:Button ID= "Buttonl" runat= "server" Text= "确定 "由 dth= "150px"/> 

<br/> 

< asp:TextBox ID= "TextBox2" runat= "server" Width= "150px"> < /asp:TextBox> 

<br/> 

< /asp:Panel> 

</to> 

<to> 

< asp:Panel ID= "Panel3" runat= "server" Height= "190px" Width= "180px" 
Borderstyle= "Groove"> 

< asp:BulletedList ID= "BulletedList1" runat= "server" Height= "160px" Target= 
" blank " Width= "73%" BulletStyle= "Disc"> 

< /asp:BulletedList> 

< /asp:Panel> 

</to> 

</tr> 

< /table> 

</div> 

< /form> 

< /body> 

< /htm> 


步骤 2 在 后 台 页 面 的 类 中 添加 如 下 代码 。 


Using System; 

Using System.Collections .Generic; 

Using System.Linqg; 

Using System.Web; 

using System.Web.UI; 

using System.Web.UI .WebControls; 

Using System.Collections; 

Public partial class Lb : System.Web.UI.Page 

{ 
// 定 义 三 种 数据 源 
// 定 义 并 初始 化 字符 串 数组 
String[] DatasourceForDDI= new String[] {" 刘 注 "," 字 学 峰 "," 赵 颖 " ); 
// 定 义 哈 希 表 
Hashtable DataSouroceForCBI= new Hashtable (3); 
// 定 义 ArrayList 
ArrayList DataSourceForBILI= new ArrayList (); 
protected void Page Load (cbject sender,EventArgs e) 
和 


if (!IsPostBack) 
{ 
// 初 始 化 DatasourceForcBL 
this.DatasourceForCBL.AGd(" 刘 萍 "," 女 "); 
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this.DatasourceForCBL.AGd(" 字 学 峰 "," 男 "); 

this.DatasouroeForCBL.269(" 赵 颖 "," 女 "); 

// 初 始 化 DatasourceForBL 

this.DatasourceForBL.RGd (new KeyValueClass ("青海 民族 大 学 "， 
"http://ww.dru.eda.n")); 

this.DatasourceForBL.AGd (new Keyvalueclass ("青海 广播 电视 大 学 "， 
"http://ww.dhrtvu.edua.cn")); 

//DproppownList 绑 定数 据 

this.DropDownList1.DataSource= this.DataSouroeForDDL; 

this.DropDownList1.DataBind()7 

/完成 绑 定 后 在 DroppownList 中 第 一 个 位 置 插入 一 个 数据 项 

this.DropDownList1.Items.Insert (0," 请 选择 "); 

// 为 CheckBoxList 绑 定数 据 

this.CheckBoxList1.DataSource= this.DataSourceFbrCBL7 

this.CheckBoxList1.DataTextFieldF= "key"; 

this.CheckBoxList1.DataValueField- "value"; 

this.CheckBoxList1.DataBind(); 

// 为 BulletedList 绑 定数 据 

this.BulletedList1.DataSsouroe= this.DataSouroeForBL; 

this.BulletedList].DataTextField= "Name"; 

this.BulletedList1.DataValueField= "Url"; 

this.BulletedList1.DataBind(); 


} 


注意 : 

(1) 字符 串 数 组 DataSourceForDDL 用 作 DropDownList 的 数据 源 。 

(2) 哈 希 表 DataSourceForCBL 用 作 CheckBoxListl 的 数据 源 。 

(3) ArraryList 对 象 DataSourceForBL 用 作 BulletedList 的 数据 源 。 

步骤 3 再 添加 一 个 帮助 类 KeyValueClass, 用 于 初始 化 DataSourceForBL 对 象 。 


public class KeyWalueClass 
{ 
private String WebSiteName; 
private String WEbsiteUrl7 
Public String Name 
{ 
get {retum WebSiteName;} 
set {WebSiteName= value;} 
} 
public String Url 
昌 
get {retum WebSiteUrl;} 
set {WebSiteUrl= value;} 
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} 
Public KeyWalueClass (String name, String url) 
{ 

this .WebSiteName= name; 

this .WebSiteUrl= url; 


步骤 4 运行 效果 如 图 8. 3 所 示 。 


I Ss 
(HA @ htpy/localhosts1 P » BO | @ me-2 * es 


[EE “se sv waxw IAM WH) 


“青海 民族 大 学 
。 青海 广 播 电视 大 学 


图 8.3 数据 绑 定 的 列表 控件 
步骤 5 为 DropDownList 控件 和 “确定 ”按钮 添加 事件 处 理 代码 。 


Protected void DropDownListl1 SelectedIndexChanged 
(cbject sender, EventArgs e) 
{ 
// 清 除 上 次 显示 内 容 
this.TextBoxl.Text= "™"; 
// 在 文本 框 中 显示 所 选 列表 项 
thisthis.TextBox].Text= this.DropDownList]1.SelectedValue; 
. 
Protected void Buttonl Click (cbject sender,EventArgs e) 
{ 
this.TextBox2.Text= ""; 
// 循 环 遍 历 checkBoxList 中 每 个 项 ,如 果 已 选择 在 文本 框 中 显示 选中 项 显示 文本 和 值 
foreach (ListItem li in CheckBoxList1.Items) 
{ 
if(li.Selected) this.TextBox?.Text +=1i.Text +":" +1i.Valuet ","; 


} 
程序 运行 结果 请 读者 自行 验证 。 
8.1.2 用 于 简单 数据 绑 定 控件 
ASP.NET 定义 了 一 系列 的 控件 专门 用 于 显示 数据 的 格式 ,通过 这 些 控件 可 以 以 可 视 
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化 的 方式 查看 绑 定 数据 之 后 的 效果 。 这 些 控件 称 为 数据 绑 定 控件 。 在 ASP. NET 中 所 有 
的 数据 库 绑 定 控件 都 是 从 BaseDataBoundControl 这 个 抽象 类 派生 的 ,这 个 抽象 类 定义 了 几 
个 重要 属性 和 一 个 重要 方法 。 

DataSource 属性 : 指定 数据 绑 定 控件 的 数据 来 源 ,显示 的 时 候 程序 将 会 从 这 个 数据 源 
中 获取 数据 并 显示 。 

DataSourceID 属性 : 指定 数据 绑 定 控件 的 数据 源 控 件 的 ID, 显 示 的 时 候 程序 将 会 根据 
这 个 ID 找到 相应 的 数据 源 控件 ,并 利用 这 个 数据 源 控件 中 指定 方法 获取 数据 并 显示 。 

DataBind() 方 法 : 当 指 定 了 数据 绑 定 控件 的 DataSource 属性 或 者 DataSourceID 属性 
之 后 ,再 调用 DataBind() 方 法 才 会 显示 绑 定 的 数据 。 并 且 在 使 用 数据 源 时 ,会 首先 尝试 使 
用 DataSourceID 属性 标识 的 数据 源 ,如 果 没 有 设置 DataSourceID 时 才 会 用 到 DataSource 
属性 标识 的 数据 源 。 也 就 是 说 ,DataSource 和 DataSourceID 两 个 属性 不 能 同时 使 用 。 

数据 绑 定 控件 的 DataSource 控件 属性 必须 是 一 个 可 以 枚 举 的 数据 源 , 如 实现 了 
ICollection IEnumerable 或 IListSource 接口 的 类 的 实例 。 

1. DropDownList 控件 

DropDownList 控件 是 一 个 相对 比较 简单 的 数据 绑 定 控件 , 它 在 客户 端 被 解释 成 
一 select 二 二 /select 二 这 样 的 HTML 标记 ,也 就 是 只 能 有 一 个 选项 处 于 选中 状态 。 使 用 
DropDownList 控件 可 以 创建 只 允许 从 中 选择 一 项 的 下 拉 列 表 控 件 。 可 以 通过 设置 
BorderColor、BorderStyle 和 BorderWidth 属性 来 控制 DropDownList 控件 的 外 观 。 

DropDownList 控件 常见 属性 如 下 。 

AutoPostBack 属性 : 这 个 属性 的 用 法 在 讲述 基本 控件 的 时 候 已 经 讲 过 ,是 用 来 设置 当 
下 拉 列 表 项 发 生变 化 时 是 否 主动 向 服务 器 提交 整个 表单 ,默认 是 false, 即 不 主动 提交 。 如 
果 设 置 为 true, 就 可 以 编写 它 的 SelectedIndexChanged 事件 处 理 代码 进行 相关 人 处理 (注意 ， 
如 果 此 属性 为 false, 即 使 编写 了 SelectedIndexChanged 事件 处 理 代 码 也 不 会 马上 起 作用 )。 

DataTextField 属性 : 设置 列表 项 的 可 见 部 分 的 文字 。 

DataValueField 属性 : 设置 列表 项 的 值 部 分 。 

Items 属性 : 获取 控件 的 列表 项 的 集合 。 

SelectedIndex 属性 : 获取 或 设置 DropDownList 控件 中 的 选 定 项 的 索引 。 

SelectedItem 属性 : 获取 列表 控件 中 索引 最 小 的 选 定 项 。 

SelectedValue 属性 : 取 列 表 控 件 中 选 定 项 的 值 .或 选择 列表 控件 中 包含 指定 值 的 项 。 

2. ListBox 控件 

1) 控件 属性 

ListBox 英文 意思 为 列表 框 , 可 以 说 是 ListView 的 简化 版 本 ,简化 名 为 “LBS”。 
ListBox 用 来 列 出 一 系列 的 文本 ,每 条 文本 占 一 行 ,用 户 可 以 从 中 选择 一 项 或 多 项 。 当 项 总 
数 超过 可 以 显示 的 项 数 时 , 则 会 自动 向 ListBox 控件 添加 滚动 条 。 

ListBox 控件 和 DropDownList 控件 非常 类 似 , 也 是 提供 一 组 选项 供用 户 选择 ,只 不 过 
DropDownList 控件 只 能 有 一 个 选项 处 于 选中 状态 ,并 且 每 次 只 能 显示 一 行 (一 个 选项 ) ,而 
ListBox 控件 可 以 设置 为 允许 多 选 ,并 且 还 可 以 设置 为 显示 多 行 。 除 了 与 DropDownList 具 
有 很 多 相似 的 属性 之 外 ,ListBox 控件 还 有 以 下 属性 。 

Rows 属性 : 设置 ListBox 控件 显示 的 行 数 。 


309| 


《ASP.NET 动态 网 站 设计 教程 (第 2 版 ) 一 一 基于 C#+SQL Server 2008》 


SelectionMode 属性 : 设置 ListBox 的 选择 模式 ,这 是 一 个 枚 举 值 , 它 有 Multiple 和 
Single 两 个 值 ,分 别 代 表 多 选 和 单 选 ,默认 是 Single, 即 同时 只 能 有 一 个 选项 处 于 选中 状态 。 
如 果 要 想 实 现 多 选 , 除 了 设置 SelectionMode 属性 为 Multiple 外 ,在 选择 时 需要 按 住 
Ctrl 键 。 

需要 说 明 的 是 ,因为 ListBox 允许 多 选 , 所 以 如 果 ListBox 的 SelectionMode 属性 为 
Multiple, 那 么 SelectedIndex 属性 指 的 是 被 选中 的 选项 中 索引 最 小 的 那 一 个 ,SelectedValue 
属性 指 的 是 被 选中 的 选项 集合 中 索引 最 小 的 那 一 个 的 值 。 

2) 控件 使 用 方法 

(1) 取 列 表 框 中 被 选中 的 值 


IistBox.SelectedValue 
(2) 动态 添加 列表 框 中 的 项 。 
ListBox.Items.Mada(" 所 要 添加 的 项 由 
(3) 移 出 指定 项 


// 首 先 判断 列表 框 中 的 项 数 是 否 大 于 0 
If (ListBox.Items.Count> 0) 
{ 
// 移 出 选择 的 项 
ListBox. Items .Remove (ListBox.ScteleedItem); 
} 


(4) 清空 所 有 项 


// 首 先 判 断 列表 框 中 的 项 数 是 否 大 于 0 
If (ListBox. Items.Count> 0) 
{ 
// 清 空 所 有 项 
ListBox. Items.Clear (); 
} 


列表 框 可 以 一 次 选择 多 项 ,只 需 设 置 列表 框 的 属性 SelectionMode 王 "Multiple" , 按 
Ctrl 键 可 以 多 选 。 
(5) 两 个 列表 框 联动 , 即 两 级 联动 菜单 


/判断 第 一 个 列表 框 中 被 选中 的 值 

switch (ListBoxl.SelectValue) 

{ 
// 如 果 是 "a", 第 二 个 列表 框 中 就 添加 这 些 : 
Case "A" 
ListBox2.Ttems.Clear (); 
ListBox2.Ttems.P0d ("Al"); 
ListBox2.Ttems.Pod ("A2"); 
ListBox2.Ttems.Pod ("A3"); 
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// 如 果 是 吧 " 第 二 个 列表 框 中 就 添加 这 些 : 
Case "B" 
ListBox2.Items.Clear ()7 
IistBox2.Ttems.Mdd("B1m 7 
IistBox2.Ttems.RMdd("B2m) 7 
IistBox2.Ttems.RMdd("B3m) 7 

} 


(6) 实现 列表 框 中 项 的 移 位 

具体 的 思路 为 : 创建 一 个 ListBox 对 象 ,并 把 要 移 位 的 项 先 暂 放 在 这 个 对 象 中 。 如 果 是 
向 上 移 位 ,就 是 把 当前 选 定 项 的 上 一 项 的 值 赋 给 当前 选 定 的 项 ,然后 把 刚才 新 加 入 的 对 象 的 
值 ,再 附 给 当前 选 定 项 的 前 一 项 。 

具体 代码 如 下 。 


/定义 一 个 变量 , 作 移 位 用 

index=— 1; 

// 将 当前 条 目的 文本 以 及 值 都 保存 到 一 个 临时 变量 里 面 

ListItem lt= new ListItem (ListBox.SelectedItem.Text,ListBox.SelectedValue); 

// 被 选中 的 项 的 值 等 于 上 一 条 或 下 一 条 的 值 

ListBox. Items [ListBox.SelectedIndex] .Ext= ListBox. Items [ListBox.SelectedIndext+ 
ingex] .Text; 

// 被 选中 的 项 的 值 等 于 上 一 条 或 下 一 条 的 值 

ListBox. Items [ListBox.SelectedIndex] .Value= ListBox.Items [ListBox.SelectedIndext+ 
ingex] .Value; 

// 把 被 选中 项 的 前 一 条 或 下 一 条 的 值 用 临时 变量 中 的 取代 

ListBox. Items [ListBox.SelectedIndex] .Test= 1t.Test; 

// 把 被 选中 项 的 前 一 条 或 下 一 条 的 值 用 临时 变量 中 的 取代 

ListBox. Items [ListBox.SelectedIndex] .Value= ]t.Valuey 

// 把 鼠标 指针 放 到 移动 后 的 那 项 上 

ListBox. Items [ListBox.SelectedIndex] .Value= 1t.Value; 


(7) 移动 指针 到 指定 位 置 


// 移 至 首 条 

/| 将 被 选中 项 的 索引 设置 为 0 
ListBox.SelectIndex= 0; 

// 移 至 尾 条 

// 将 被 选中 项 的 索引 设置 为 ListBox.Items.Count-1 
ListBox.SelectIndex— ListBox.Items.Count- 1; 

// 上 一 条 

// 用 当前 被 选中 的 索引 去 减 1 
ListBox.SelectIndex—= ListBox.SelectIndex — 1; 

/下 一 条 

// 用 当前 被 选中 的 索引 去 加 1 
ListBox.SelectIndex— ListBox.SelectIndGex + 1; 
this.ListBoxl.Items.Insertat (3,new ListItem(" 搬 入 在 第 3 行 之 后 项 ","")); 
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this.ListBoxl.Items.Insertat (index, ListItem) 
HistBoxl.Items.Insert (0,new ListItem("text", "value")); 


8.2 GridView 控件 


8.2.1 GridView 控件 概述 


GridView 控件 又 称 为 网 格 视图 控件 ,使 用 该 控件 可 以 显示 编辑 、 删 除 多 种 不 同 的 数据 
源 ( 如 数据 库 、XML 文件 等 ) 中 的 数据 ,该 控件 支持 自动 绑 定 `. 显 示 数 据 . 选 择 排序、 分页、 
编辑 .删除 等 功能 。 另 外 ,GridView 控件 还 能 够 支持 自 定义 列 和 样式 , 即 可 以 利用 模板 创建 
自 定 义 用 户 界面 元 素 ,通过 处 理事 件 将 自己 的 代码 添加 到 GridView 控件 的 功能 中 。 

GridView 是 一 个 功能 强大 的 数据 绑 定 控件 ,主要 用 于 表格 的 形式 呈现 、 编 辑 关系 数据 
集 。 对 应 于 关系 数据 集 的 结构 .GridView 控件 以 列 为 单位 组 织 其 所 呈现 的 数据 ,除了 普通 
的 文本 列 ,还 提供 了 多 种 不 同 的 内 置 列 样式 ,例如 按钮 列 . 图 像 列 、 复 选 框 形式 的 数据 列 等 ， 
可 以 通过 设置 GridView 控件 的 绑 定 列 属性 以 不 同样 式 呈 现 数 据 , 也 可 以 通过 模板 列 自 定 
义 列 的 显示 样式 。 

在 数据 绑 定时 ,通常 将 访问 关系 数据 库 得 到 的 结果 集 作 为 GridView 控件 的 数据 源 ， 
GridView 控件 对 其 所 呈现 的 数据 集 提 供 内 置 的 编辑 .修改 .更 新 .删除 以 及 分 页 和 排序 功 
能 ,若是 使 用 控件 的 内 置 数据 处 理 功 能 , 则 需要 使 用 ASP. NET 提供 的 数据 源 控件 (如 
SqlDataSource 和 ObjectDataSource) ,否则 就 需要 手动 编写 事件 处 理 程序 来 实现 相应 的 功 
能 。 虽 然 采用 数据 源 控 件 来 连接 数据 库 并 处 理 数 据 更 加 方便 ,但 手动 编写 代码 却 更 加 灵活 ， 
并 且 在 编写 代码 的 过 程 中 可 以 更 深入 地 了 解 GridView 控件 的 运行 方式 ,因而 也 更 具有 参 
考 意义 ,因此 本 章 将 采用 查询 数据 库 得 到 的 TestTable 对 象 作为 控件 数据 源 ,然后 通过 编写 
事件 程序 的 方式 来 实现 数据 处 理 功能 。 

GridView 控件 主要 有 以 下 常见 属性 。 

AllowPaging 属性 : 设置 是 否 启用 分 页 功能 。 

AllowSorting 属性 : 设置 是 否 启用 排序 功能 。 

AutoGenerateColumns 属性 : 设置 是 否 为 数据 源 中 的 每 个 字段 自动 创建 绑 定 字段 。 这 
个 属性 默认 为 true, 但 在 实际 开发 中 很 少 会 自动 创建 绑 定 列 ,我 们 总 会 根据 一 些 情况 让 一 些 
列 不 显示 ,比如 显示 用 户 列表 的 时 候 不 会 将 用 户 密 码 显示 出 来 ,显示 文章 列表 的 时 候 不 会 将 
文章 内 容 显示 出 来 。 

Columns 属性 : 获取 GridVievw 控件 中 列 字段 的 集合 。 

PageCount 属性 : 获取 在 GridView 控件 中 显示 数据 源 记 录 所 需 的 页 数 。 

PagelIndex 属性 : 获取 或 设置 当前 显示 页 的 索引 。 

PagerSetting 属性 : 设置 GridView 的 分 页 样式 。 

PageSize 属性 : 设置 GridView 控件 每 次 显示 的 最 大 记录 条 数 。 


8.2.2 GridView 控件 绑 定数 据 源 


【 例 8.3】 本 例 将 演示 如 何 进行 GridView 的 数据 绑 定 , 其 基本 的 数据 绑 定 方式 与 列表 
控件 类 似 , 首 先 设置 数据 源 ,然后 调用 DataBind() 方 法 。 
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数据 绑 定 


GridView 控件 绑 定数 据 源 步骤 如 下 : 
步骤 1 在 网 站 中 新 建 一 个 名 为 GridViewDemo. aspx 的 网 页 ,并 在 页 面 上 添加 一 个 
GridView 控件 ,如 图 8.4 所 示 。 


r 
em WebSite12 - Microsoft Visual Studio el | 


NDSioo -|: 
"xz 名 用 天 "esius 则 -| 


GridviewDemo.aspx” x 
body| 


ColumnO Columnl Column?| 
abc abc abc 
abc abc abc 
abc abc abc 
abc labce labc 
abc labce labc 


4 闻 cvNwebsitel2\ 
» 国 Gridyiewpemoaspx 


rr—— ee 


图 8.4 GridViewDemo. aspx 设计 页 面 


GridViewDemo. aspx 页 面 对 应 代码 如 下 : 


< head runat= "server"> 

<title> 例 8.3< /title> 

< /heac> 

<body> 

< fom id= "foml" runat= "server"> 

<div> 

< /div> 

< asp:GridView ID= "GridViewl" runat= "server"> 
< /asp:GridView> 

< asp:Label ID= "Labell" runat= "server" Text= "Label"> < /asp:Label> 
< /fom> 


< /body> 
步骤 2 为 GridViewDemo. aspx. cs 添加 数据 绑 定 代码 。 


using System 
Using System.Data.SqlClient; 
Using System.Datay 
Using System.Configuration; 
public partial class GridViewDemp : System.Web.UI.Page 
{ 
protected void Page Load (cbject sender,EventArgs e) 


313 一 


《ASP.NET 动态 网 站 设计 教程 (第 2 版 ) 一 一 基于 C#+SQL Server 2008》 


String sqlcomnstr= ConfiguratiorManager.ConnectionStrings 
["ApplicationServioes"] .ConnectionString; 

DataSet ds= new DataSet (); 

using (SqlComnection sqlconn= new SqlConnection (sqlcoonmnstr)) 

{ 
SqlDatancepter sqld- new SqlDatancapter ("select * fram test",sqloormmn); 
sqld.Fill (ds, "tabtest"); 

} 

GridViewl.DataSouroe= ds.Tables["tabtest"] .DefaultView; 

GridView] .DataBind (); 

Iabell.Text= "查询 成 功 "; 


} 
注意 : 在 web. config 配置 文件 中 ,将 二 connectionStrings/ 二 标记 用 下 面 的 代码 替换 为 ， 
< connectionStrings> 
< add name= "plicaticonServices"” connecticnString= "PasswordF 111111;Persist 
Security Info= True;User ID= sa; Initial Catalog= test;Data Souroe= ."/> 
< /connectionStrings> 


D:\My Documents\Visual Studio 2010\WebSites\sjbd.mdf。 


步骤 3 运行 效果 如 图 8.5 所 示 。 


图 8.5 GridViewDemo. aspx 数据 绑 定 效果 


8.2.3 GridView 控件 外 观 设置 


1. 总 体外 观 设置 

ShowFooter: 是 否 显 示 页 脚 。 

ShowHeader: 是 否 显 示 页 眉 。 

GridLines: None, 不 显示 格 线 ; Horizontal, 显示 水 平 格 线 ; Virtical, 显示 竖 直 格 线 ; 


Both ,显示 水 平和 竖 直 格 线 。 
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EmptyDataText: 如 果 数 据 源 中 内 容 为 NULL 时 在 GridVievw 中 显示 的 值 。 
AlternatingRowStyle: 交替 项 的 样式 。 
EditRowStyle: 编辑 项 的 样式 。 


数据 绑 定 


EmptyDataRowStyle: 空 数据 项 的 样式 。 

FooterStyle: 页 脚 样式 。 

HeaderStyle: 页 眉 样式 。 

PagerStyle: 分 页 样式 。 

RowStyle: 行 样 式 。 

SelectedRowStyle: 选中 项 样式 。 

注意 : 

(1) 使 用 GridView 的 时 候 一 般 可 以 在 “自动 套用 样式 ”中 选中 一 个 样式 ,然后 在 此 样式 
的 基础 上 修改 上 面 的 属性 ,从 而 制作 出 满意 的 外 观 效 果 。 

(2) 上 面 的 样式 可 以 对 GridView 进行 总 体 的 外 观 设置 ,如 果 对 某 一 列 进行 设置 可 以 在 
GridView 右上 角 " 智 能 ”菜单 中 单 击 “编辑 列 "进行 设置 。 

【 例 8.4】 GridViewDemol. aspx 直接 套用 样式 的 外 观 , 如 图 8.6 所 示 。 

页 面 对 应 的 代码 如 下 。 


< asp:GridView ID= "GridViewl" runat= "server" CellPadding= "4" ForeColor= 
叫 333333" GridLines= "None"> 
<EFooterStyle BackColor= "# 990000" Font- Bold= "True" ForeColor= "White" /> 
< RowStyle BackColor= "# FEFBD6" ForeColor= "# 333333" /> 
< PagerStyle PackColor= " 啡 FEOC66" ForeColor= 啡 333333" HorizontalAligr= "Qenter" /> 
< SelectedRowStyle BackColor= "# FEOC66" Font- Bold= "True" ForeColor= "Navy" /> 
< HeaderStyle BackColor= "# 990000" Font- Bold= "True" ForeColor= "White" /> 
< AltematingRowStyle BackColor= "White" /> 
< /asp:GridView> 


文件 编 有 6 查看 收 黄 夫 A) 工具 0) 和 | i 
咀 序 号 姓名 性 别 配置 数据 源 
1 刘 萍 女 编列 … 
2 。 李 学 峰 男 i 
3 起 蜂 女 口 启 用 排序 
| 查询 成 功 口 自用 选 定 内 容 
-一 -一 编辑 模板 
图 8.6 GridViewDemol. aspx 直接 套用 样式 的 外 观 图 8.7 GridView 便捷 任务 面板 


2. 对 绑 定 列 进行 外 观 设置 

在 VS 2010 中 ,可 以 通过 便捷 任务 面板 进行 列 的 配置 ,如 图 8.7 所 示 , 单 击 GridView 
右上 角 的 小 箭头 打开 面板 。 

单 击 “GridView 任务 ”面板 中 的 “编辑 列 " 选 项 ,打开 “字段 ”对 话 框 ,如 图 8. 8 所 示 。 

图 8. 8 总 体 可 以 分 作 三 大 部 分 : 可 用 字段 ,选中 的 字段 ,BoundField 属性 。 

(1)“ 可 用 字段 >: 显示 了 可 供 我 们 使 用 的 列 的 类 型 

BoundField: 绑 定 列 ,将 数据 库 中 的 数据 以 字符 形式 绑 定 显示 。 
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| 
| 可 用 字段 (A): BoundField 屋 性 四): 
耳 医 三 下 转 外 | 目 

| | 昌国 BoundField 
| | “四 tl 
| CheckBoxField 
| | a Hypertinkrield - 
| Ey 
, 逻 定 的 字段 (9): 

国 序 S 会 

加 和 

x 
回 自动 生成 字段 (G) 将 此 字 积 转 接 为 TemplateField 
ww 


图 8.8 用 于 编辑 GridView 各 个 数据 列 样式 的 “字段 ”对 话 框 


CheckBoxField: 复 选 框 列 ,一般 用 来 绑 定 数据 库 中 的 Bit 型 数 ,以 复 选 框 的 形式 显示 在 
GridView 中 。 绑 定 到 该 类 型 的 列 数据 应 该 具有 布尔 值 。 

HyperLinkField: 超 链 接 列 , 可 以 用 数据 源 中 的 数据 作 超 链接 文本 也 可 以 把 所 有 超 链 
接 文本 设 为 统一 的 文本 。 

ImageField: 图 片 列 , 绑 定数 据 源 中 的 图 片 路 径 ,并 把 图 片 显示 出 来 。 

CommandField: 命令 列 , 常 用 的 “选择 ”,“ 删 除 ”“ 编 辑 ”, "更 新 ”" “取消 ”命令 。 

ButtonField: 按钮 列 ,其 他 作用 的 按钮 。 

TemplateField: 模板 列 , 可 以 更 灵活 地 自 定义 显示 格式 。 

在 实际 运用 时 ,可 以 根据 需要 显示 的 数据 类 型 ,选择 要 绑 定 的 列 类 型 并 设置 其 映射 到 数 
据 集 的 字段 的 名 称 和 呈现 样式 。 如 例 8. 4 中 作为 数据 源 的 test 表 数 据 , 在 GridView 中 以 
BoundField 类 型 显示 其 中 字段 名 为 “姓名 ”的 列 , 则 可 以 做 如 下 设置 。 在 如 图 8. 8 所 示 的 
“字段 ”对 话 框 中 添加 一 个 BoundField 列 ,如 图 8. 9 所 示 。 

通过 类 似 的 方式 还 可 以 为 GridView 控件 添加 其 他 类 型 的 绑 定 列 , 下面 介绍 
CommandField 使 用 方式 。 通 过 CommandField 类 型 ,并 配合 事件 处 理 程序 就 可 以 在 
GridView 中 完成 数据 的 编辑 修改、 插入 等 操作 。 

添加 并 设置 CommandField 类 型 的 方式 如 下 。 

@ 展开 CommandField, 如 图 8. 10 所 示 。 

@) 择 [ 编 辑 、 更 新 、 取 消 】, 列 样式 如 图 8. 11 所 示 。 

@ 运行 时 单 击 “ 编 辑 ” 按 钮 , 列 中 “编辑 ”按钮 会 被 替换 为 两 个 按钮 更 新 ”和 “取消 ”, 单 
击 按钮 所 发 生 的 行为 需要 通过 设置 相应 的 事件 程序 完成 .由 于 CommandField 类 型 是 一 种 
控件 内 置 的 用 于 编辑 数据 的 绑 定 类 型 ,因此 其 事件 在 GridView 控件 的 “属性 ”面板 中 设置 ， 
GridView 控件 的 “属性 ?面板 设置 事件 类 别 如 图 8. 12 所 示 。 
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BoundField 屋 性 (P): 


-局 HyperLinkField 


围 外 | 目 


ApplyFormatinEditv False 
ConvertEmptyString True 


HtmlEncode True 


HtmlEncodeFormats True 
InsertVisible True 


选 定 的 字段 (S): 


NullDisplayText 


国 序 S 


SortExpression 序号 


ValidateRequestMo, Inherit 


国 姓名 Visible True 
国 性 别 
HeaderText 
此 字段 的 标 头 内 的 文本 ，。 
回 自动 生成 字段 (G) 皖 此 广 低 转 接 为 TemplateField 


Ge me | 


图 8.9 为 GridView 控件 添加 绑 定 列 


CommandField 属性 (B): 
3 国 引 | 旦 


AccessibleHeaderTe: 


数据 绑 定 数据 绑 定 8 
数据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 


8.11 添加 "编辑 .更 新 .取消 ” 


数据 绑 定 


317| 


《ASP.NET 动态 网 站 设计 教程 (第 2 版 ) 一 一 基于 C#+SQL Server 2008》 


GridView1l System.Web.ULWebControls.GridView 
刀 下 于 三 


pagelndexChanged 


PagelndexChanging 


RowCancelingEdit GridViewl RowCancelingEdit 


RowCommand 

RowDeleted 

RowDeleting GridViewl RowDeleting 
RowEditing 

RowUpdated 

RowUpdating GridViewl RowUpdating 
SelectedIndexChanged GridViewl SelectedindexChanged 
SelectedindexChanging Gridviewl_selectedIndexchanging 


图 8. 12 GridView 的 事件 编辑 窗口 


RowEditing、RowUpdating、RowDeleting、RowCancelingEdit 事件 分 别 在 编辑 、 更 新 、 


删除 .取消 按钮 被 单 击 时 触发 。 通 过 这 些 事件 添加 相应 的 处 理 程序 即 可 完成 数据 的 编辑 和 
修改 功能 。 


(2)“ 选 定 的 字段 ”": 从 “可 用 字段 ”中 添加 进来 的 ,用 来 在 GridView 中 显示 的 列 。 其 下 


方 有 个 “自动 生成 字段 " 复 选 框 ,如 果 选 中 了 就 会 根据 DataSource 控件 中 检索 出 来 的 数据 自 
动 生成 列 ,如 果 要 自己 设置 列 的 格式 ,请 将 此 复 选 框 清空 。 


(3) BoundField 属性 : 设置 每 个 “可 用 字段 ”的 属性 。 
可 以 根据 自己 的 需要 从 “可 用 字段 "中 选择 列 添加 到 “选中 的 字段 ”中 ,然后 设置 


BoundField 属性 。 


在 此 主要 介绍 BoundField 列 。 

BoundField 中 的 重要 属性 如 下 。 

ControlStyle: 当前 列 中 控件 的 样式 。 

HeaderStyle: 当前 列 中 页 眉 的 样式 。 

FooterStyle: 当前 列 中 页 脚 的 样式 。 

ItemStyle: 当前 列 中 数据 行 的 样式 。 

ReadOnly: 当前 列 是 否 只 读 列 ,编辑 的 时 候 不 显示 文本 框 。 
SortExpression: 排序 表达 式 , 这 里 只 填 数 据 源 的 列 名 。 

Visible: 当前 列 是 否 可 见 。 

HeaderText: 页 眉 文本 。 

FooterText: 页 脚 文本 。 

DataField: 当前 列 的 数据 行 要 显示 哪个 字段 的 数据 ,填写 字段 名 。 
DataFormatString: 对 显示 的 数据 进行 格式 化 显示 。 

【 例 8.5】 为 GridVievw 控件 设置 绑 定 列 。 

步骤 1 在 网 站 中 新 建 一 个 名 为 Default. aspx 的 页 面 ,在 页 面 上 添加 一 个 GridView 控 


件 ,为 其 添加 如 下 绑 定 列 并 设置 数据 映射 ,如 图 8. 13 所 示 。 
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数据 绑 定 


可 用 字段 (): BoundField 属性 (P): 
自生 CommandField ~^ 转 外 | 下 
局 Templatefield [ 
昌国 DynamicField 
EE 


LL 9 


图 8.13 为 GridView 控件 添加 并 设置 绑 定 列 


序号 列 : BoundField 类 型 , 绑 定 字段 * 序 号”。 

姓名 列 : BoundField 类 型 , 绑 定 字段 “姓名 ”。 

性 别 列 : BoundField 类 型 , 绑 定 字段 “性 别 ”。 

编辑 列 : CommandField 类 型 , 子 类 型 为 编辑 ,更 新 .取消 ,实现 数据 的 编辑 和 更 新 。 
删除 按钮 列 : ButtonField 类 型 ,实现 记录 的 删除 。 

页 面 设计 效果 如 图 8. 14 所 示 。 


性 别 3 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 编辑 [ 别 除 | 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 编辑 [一 除 | 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 编辑 [出 除 | 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 编辑 | 而 除 | 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 编辑 [一 除 | 


SqlDataSource - SqlDataSourcel 


Label 


图 8.14 Default. aspx 设计 页 面 


页 面 代码 如 下 : 


< %QPage Ianguage= "C# " AutogventWireup= "true" CodeFile= "Default .aspx.cs" 
Inherits=" Default" %$> 

< !DOCTYPE html PUBLIC ™- //W3C//DID XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DID/xhtml1- transitional .dtd"> 

< html xmlns= "http://www-w3-org/1999/zhtml"> 

< head runat= "server"™> 


<title>< /title> 
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< /head> 
<body> 


< fom id= "foml" runat— "server"> 
<div> 
< asp:GridView ID= "GridqViewl"” runat— "server" RioGenerateColums= "False™" 

CellPadding= "4" ForeColor= "# 333333" 

GridLines= "None"” onrowcancelingedit= "GridqViewl RowCanoelingEdit" 

nrowdeleting= "GridViewl RowDeleting" mrowediting= "GridViewl RowEditing" 

onrowupdating= "GridViewl RowUpdating"> 

< FooterStyle BackColor= "# 990000" Font— Bold= "True" ForeColor= "White" /> 

< RowStyle BackColor= "# FEFBD6" ForeColor= "#333333" /> 

<Colums> 

<asp:BoundField DataField= "no" HeaderText=— 

< /asp:BoundField> 

< asp:BoundField DataField= "name" HeaderText= "姓名 " SortExpression= "name" /> 

< asp:BoundField DataFieldF "sex" HeaderRxt= "性 别 " SortEspressicnr "sex" /> 

<asp:BoundField DataField= "brith" HeaderText= "出 生日 期 " SortExpressicn= 

"brith" /> 

< asp:BoundFielqd DataFieldF "fee" HeaderText= "学 费 " SortEspressicr= "fee" /> 

< asp:CormandFielq InsertVisible= "False" ShowEditButton= "True" /> 

< asp:ButtonField ButtonType= "Button" CormandName= "delete" Text= "删除 " /> 

< /Colurns> 

< PagerStyle BackColor= "# FEOC66" ForeColor= "# 333333" HorizontalAligr— 

"Center" /> 

< SelectedRowStyle BackColor= "# FECC66" Font- Bold= "True™" ForeColor= "Nevy" /> 

< HeaderStyle BackColor= "# 990000" Font— Bold= "True" ForeColor= "White" /> 

< AltematingRowSstyle BackColor= "White" /> 

< /asp:GridView> 

< asp:SqlDataSouroce ID= "SqlDataSourcel" runat= "server" 

ConnectionString= "< %$ ConnectionStrings:testConnectionString $%> "” 
SelectCamand= "SELECT * FROM [student]">< /asp:SqlDataSouroe> 


号 " SortExpression= "no"> 


< /div> 
< asp:Iabel ID= "Tabell" runat= "server" Text= "Label"> < /asp:Label> 
< /fom> 


< /body> 
< /htm> 


步 又 2 添加 页 面 后 台 类 代码 。 


Public partial class Default : System.Web.UI.Page 


{ 


protected void Page Load (object sender,EventArgs e) 
上 
if (!Page.IsEostBack) bindgrid(); 
} 
void binggrid() 


{string sqlcomnstr= ConfiguraticonManager.ConnecticnStrings 
["testConnectionString"] .ConnectionString; 


DataSet ds= new DataSet (); 


Using (SqlConnection sqloonrs= new SqlConnection (sqloonmnstr)) 


{ 


SqlDatandapter sqld- new SqlDatandapter ("select * fram student", 


Sqlconn)7 
sqld.Fill (ds, "estudqent")7 
} 


GridViewl .DataSouroce= ds.Tables["estudent"] .DefaultView; 


GridViewl.DataBind ()7 
Iabell.Text= "查询 成 功 "; 


步骤 3 为 命令 按钮 绑 定 事件 处 理 方法 ,如 图 8. 15 所 示 。 


GridViewl System.Web.ULWebControls.Gridview 


PagelndexChanged 


RowCancelingEdit 


GridViewl RowCancelingEdit 


RowCommand 
RowDeleted 
RowDeleting Gridviewl_RowDeleting 
RowEditing 
RowUpdated 
RowUpdating GridViewl RowUpdating 
SelectedIndexChanged Gridviewl_selectedIndexChanged 
SelectedindexChanging GridViewl SelectedindexChanging 
Sorted 

PageindexChanging 

在 GridView 的 当前 页 索引 正在 更 改 时 激发 . 

图 8.15 为 命令 事件 设置 处 理 方法 


步骤 4 在 后 台 类 的 事件 处 理 方法 中 添加 如 下 代码 。 


Using System 

using System.Collections.Genericy 
Using System.Lingy 

Using System.Web; 

Using System.Web.UI; 

using System.Web.UI.WebControls; 
using System.Configuration; 
Using System.Data; 

Using System.Data.SqlClient; 


Public partial class Default : System.Web.UI.Page 


{ 


Protected void Page Load (cbject senger,EventArgs e) 


‘ 
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if (!Page.IsPostBack) bindgridq()7> 
} 
void binagriq() 
和 
String sqlconnstr= ConfiguratiorManager.ConnectionStrings 
["testConnectionString"] .ConnectionString; 
DataSet ds= new DataSet ()7 
using (SqlConnection sqloonr— new SqlConnection (sqloomnstr)) 
{ 
Sqlpatamdapter sqld= new SqlDataPdapter ("select * ”from student", 
sqlconn)7 
sqld.Fill (ds, "estudent"); 
} 
GridqView1.DataSource= ds.Tables["estudent"] .DefaultView; 
GridView] .DataBind (); 
Iabell.Text=" 查 询 成 功 "; 
} 
protected void GridViewl RowEditing (doject sender, GridViewEditEventArgs €) 
{ 
GridViewl .EditIndex= e.NewEditIndex; 
bindgrid(); 
} 
protected void GricViewl Rowdpdating (dbject sender, GridView pdaterventArgs e) 
{ 
string sqlconnstr= ConfigurationManager.ConnectionStrings 
["ConnectionString"] .ConnectionString; 
SqlConnection sqloonn= new SqlConnection (sqloonnstr); 
sqlconn.OPen (); 
SqlCommand Cam new SqlCormand (); 
Corm.Commancext= "update student set name= enamevbrithr @brith, fee= @ fee"; 
Carm. Parameters .MGdWithValve ("@no",GridView] .DataKeys [e.RowIndex] . 
Value.ToString()); 
Canmm. Parameters .MGWithValve ("@name", ( (TextBox)GridView] .Rows 
[e.RowIndex] .Cells[1] .Controls[0]) .Text); 
Canm. Parameters .AGWithValuve ("@brith", ( (TextBox) GridView] .Rows 
[e.RowIndex] .Cells[1] .Controls[0]) .Text); 
Canmm. Parameters .DOWithValue ("@ fee", ( (TextBox)GridView] .Rows 
[e.RowInGex] .Cells[1] .Controls[0]) .Text); 
Camm.ExecuteNonQuery (); 
sqlconmn.Close (); 
sqloonr= null; 
Corm= null; 
GridView] .EditIndex—— 1; 
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bindgrid0)7 

} 

Protected void GridViewl RowCancelingPdit (cbject sender, 
GridViewCanoelEditEventArgs e) 


GridView] .EditIndex—— 1; 
bindgrid(); 
} 
Protected void GridViewl RowDeleting (doject sender,GridViewDeleteFventArgs e) 
{ 
["ConnectionString"] .ConnectionString; 
SqlConnection sqloonr= new SqlConnection (sqloonnstr); 
sqlconn.Open(); 
String sql= "delete from student where no= " + GridView] .DataKeys 
[e.RowIndex] .Value.ToString() + "™"; 
Sqlcormanad Camm new sqlcormand(sql,sqlconn) 
Corm.ExecuteNonQuery ()7 
sqlconn.Close ()7 
sqlconn= nul17 
Comm= null7 
GridViewl .EditIndex=— 1; 
bindgrid(); 


} 
步骤 5 页 面 运行 效果 如 图 8. 16 所 示 。 


eel 
(©) @ htpi/localhost58 P ~ BO | Blocalhost 


编辑 (E) 


学 号 姓名 性 别 ”出 生日 期 ” 学 费 
1 ” 赵 同 学 男 ”1997/1/1 0:00:00 ”1960 编辑 


2 ” 王 同 学 女 ”1997/2/2 0:00:00 ”1960 编辑 
3 ” 张 同学 男 ”1996/12/31 0:00:00 1960 编辑 
4 ” 李 同 学 女 ”1996/8/8 0:00:00 ”1960 编辑 
查询 成 功 


图 8.16 Default. aspx 运行 效果 


步骤 6 单 击 “编辑 ?按钮 后 ,出现 编辑 和 更 新 界面 ,如 图 8.17 所 示 。 
8.2.4 GridView 控件 分 页 显示 数据 
GridView 控件 提供 了 内 置 的 分 页 功能 , 绑 定数 据 后 只 要 设置 分 页 相关 的 属性 , 即 可 自 
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3 
人 Ge apylocalhostssiorwet P ~ SC] 全 bcohon 四 


文件 ” 编 吉 E】 吾 者 (VI 收 基 夫 内。 工具] 。 帮助 0H) 


0 医 957 00000 
2 王 同学 女 1997/2/2 0.00-00 1960 
3 张 同学 男 1996/12/310:00:00 1960 
4 李 同 学 女 1996/8/8 0:00:00 1960 
查询 成 功 


图 8.17 Default. aspx 的 编辑 效果 


动 完成 分 页 功能 ,只 需要 在 分 页 导航 按钮 的 单 击 事件 处 理 方法 中 添加 代码 ,设置 当前 要 显示 
人 
ridView 控件 实 页 。 到 证 定妆 定妆 定 定 | 
让 是 交换 下 交 失 纪 生 线 失 二 生效 所 仿生 
步骤 1 在 网 站 中 新 建 页 名 为 Defaultl. aspx 1 效 据 绑 定 
的 网 页 ,在 页 面 上 添加 一 个 GridView 控件 ,并 添 
加 用 于 显示 分 页 信息 的 Label 控件 ,页 面 设计 如 
图 8.18 所 示 。 
步 又 2 页 面 代码 如 下 。 图 8.18 Defaultl. aspx 设计 页 面 


下 一 页 >> 


SqlDataSource - SqlDataSourcel 


Label 


<body> 
< fom id= "forml" runat= "server"> 
<div> 
< asp:GridView ID= "GridViewl" runat= "server" AllowPaging= "True”" 
OnPageIndexChanging= "GridViewl PageIndexChanging" PageSize= "3" 
OnDataBound= "GridViewl DataBound" AutoGenerateColums= "False" > 
< Colums> 
< asp:BoundField DataFieldF "no" HeaderRt=" 学 号 " SortEspressionr "mo"> 
< /asp:BoundField> 
< asp:BoandField DataFieldF "name" HeaderText= "姓名 " SortExpressicr= "name" /> 
< asp:BandField DataFieldF "sex" HeaderRext= "性 别 " SortEspressicnr "sex" /> 
< asp:BoungField DataField= "brith" HeaderText= "出 生日 期 " sortEyxpression= 
"brith" /> 
< asp:BoundField DataFieldF "fee" HeaderRext= "学 费 " SortExpressicre "fee" /> 
< /columns> 
< PagerSettings Mde= "NextPrevicus" NextPageText= "下 一 页 &gt;&gt;" 
PreviousPageText= "&lt;&lt; 上 一 页 "/> 
< /asp:GridView> 
<asp:SqlDataSource ID= "SqlDataSouroel™" runat= "server™" 
Connectionstring= "<%$ Connectionstrings:testConnectionstring $>" 
SelectCormmand= "SETECT * EROM [student]">< /asp:sqlDatascurce> 
< asp:Iabel ID= "Tabel2" runat= "server" Text— "Tabel"> < /asp:Iabel> 
Srbsp 
< asp:Iabel ID= "Tabell" runat— "server" Text= "Tabel"> < /asp:Iabel> <br/> 
<asp:Iabel ID= "Tabel3" runat— "server" Text— "Tabel"> < /asp:Iabel> <br/> 
</div> 
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< /fom> 


< /body> 
步骤 3 在 后 台 类 中 添加 数据 绑 定 代码 如 下 。 


protected void Page Load (cbject senger,EventArgs e) 
{ 
if (!Page.IsPostBack) 
bincgrid(); 
} 
void bindgriqd() 
{ 
String sq omnstr =CnfigratioaManager.Ommectionstrings ("Comectionstring'"]. 
Connectionstring; DataSet ds= new DataSet (); 
using (Sqlconnecticn sqlconn= new SqlConnection (sqlconnstr)) 
{ 
SqlDatapcapter sq new Sq Datancapter ("select * fran stdent",sqlommn); 
sqld.Fill (ds, "estudent"); 
’ 
GridView] .DataSouroe= ds.Tables ["estudent"] .DefaultView; 
GridView] .DataBind(); 


} 
步骤 4 打开 GridView 数据 "属性 ”面板 ,为 其 设置 分 页 相关 属性 ,如 图 8. 19 所 示 。 


属性 
GridViewl System.Web.ULWebControls.GridView 


PagerSettings 
FirstPagelmageUrl 
FirstPageText 
LastPagelmageUr| 
LastpageText 
Mode 
NextPagelmageUrl 
NextpageText 
pag nCount 
Position 
PreviousPagelmageUrl 
PreviousPageText 


图 8.19 GridView 分 页 属性 设置 


分 页 的 设置 主要 有 以 下 三 个 属性 。 

(1) AllowPaging: 设置 是 否 打 开 分 页 功能 。 

(2) PageIndex: 当前 显示 的 页 索引 。 

(3) PageSize: 设置 每 页 包含 的 最 大 项 数 。 

除了 以 上 三 个 分 页 属性 ,还 可 以 展开 PageSetting 子 项 ,在 其 中 设置 分 页 模式 、 分 页 按 
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钮 的 显示 文本 等 分 页 后 的 控件 样式 。 其 中 ,Mode 属性 用 于 设置 分 页 模式 ,共有 4 种 可 选 模 
式 , 本 例 中 选择 NextPrevious 模式 。 

步骤 5 设置 分 页 属性 后 ,就 可 以 为 页 导航 按钮 设置 分 页 事件 处 理 按钮 ,如 图 8. 20 所 示 。 

图 中 为 PageIndexChanging 事件 设置 了 事件 处 理 方法 ,该 事件 在 分 页 导航 按钮 被 单 击 
时 触发 ,并 返回 导航 按钮 所 指示 的 ,也 就 是 控件 中 要 显示 的 页 的 索引 ,在 其 事件 处 理 方法 中 根 
据 索引 设置 要 显示 的 页 并 重新 绑 定 数据 即 可 完成 分 页 。 另 外 ,还 设置 了 DataBound 事件 的 处 
理 方法 ,用 于 在 分 页 时 重新 绑 定数 据 后 ,设置 Label 控件 分 页 信息 : 总 页 数 和 当前 页 数 。 

步骤 6 为 事件 处 理 程序 添加 如 下 代码 。 


protected void GridViewl PageIndexChanging (cbject sender,GridViewPageEve 
ntArgs e) 

{ 
GridViewl .PageIndex= e.NewPageIndex; 
bincgrid(); 

} 

protected void GridViewl DataBound (Gbject sender,EventArgs e) 

{ 
Iabel2.Text= " 共 " + (GridViewl .PageCount) .Tostring() + "页 "; 
Iabell.Text= "第 " + (GridViewl.PageIndex + 1) .Tostring() + 页"; 
Label3.Text= string.Format(" 总 页 数 :{0}, 当 前 页 :{1j"GridViewl.PageCount, 

GridViewl.PageIndex + 1); 
} 


步骤 7 程序 运行 效果 如 图 8. 21 所 示 。 


属性 
GridViewl System.Web.ULWebControls.GridView 


pagelndexChanged 
pagelIndexChanging GridViewl PageIndexChanging 
RowCancelingEdit 司 
RowCommand < | rep//ocalhostss p - Bo || @ localhost 
RowDeleted 文件 (月 ”编辑 (E) ”查看 (V) 收藏 夫 (A) 工具 (T) 帮助 ” 
RowDeleting = 
RowEditing 学 号 | 姓名 [性 别 。 出 生日 期 ” 俘 费 
RowUpdated 1 同学 | 1997/1/1 0:00:00 |1960 
RowUpdating 2 ”| 王 同 学 雪 “|1997/2/2 0:00:00 |1960| 
B ”| 张 同学 | 时 |1996/12/31 0:00:00|1960 
SelectedIndexChanging 下 二 页 => 

SelectedIndexChanged 我 2 页 第 1 页 

在 GridView 中 选择 行 时 、 在 该 选择 揽 作 完成 后 激发. 总 页 数 :2. 当 前 页 :1 

图 8.20 设置 分 页 事件 处 理 方法 图 8.21 Defaultl. aspx 运行 效果 


8.2.5 GridView 控件 中 数据 排序 


GridView 控件 提供 了 用 于 实现 排序 功能 的 接口 ,通过 设置 相关 属性 并 实现 排序 的 处 理 
程序 就 可 以 完成 排序 功能 。 
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【 例 8.7】 为 GridView 控件 实现 排序 。 和 二 

步骤 1 新 建 一 个 网 页 Default3. aspx, 并 设 GridViewl System.Web.ULWebControls.GridView - 
置 GridView 控件 的 属性 AllowSorting 二 True， 
如 图 8. 22 所 示 。 

除了 AllowSorting 属性 ,还 必须 设置 作为 排 
序 关 键 字 的 列 的 属性 SortExpress 属性 。 AutoGenerateColumns False 


AutoGenerateDeleteButtc False 


步骤 2 在 GridView 控件 的 便捷 任务 面板 AutoGenerateEditButton False 
中 选择 "编辑 列 "选项 ,选择 可 以 作为 排序 关键 字 | ce on 
的 列 , 设 置 其 SortExpress 属性 为 排序 字段 名 ,如 | 下 
图 8. 23 所 示 。 
这 时 ,作为 排序 关键 字 的 列 的 列 名 变 为 超 链 图 8.22 设置 AllowSorting 属性 


接 样 式 , 如 图 8. 24 所 示 。 


国 BoundField 
团 checkBoxfield 
他 Hypertinkfield 
加 Imagefield 
国 utonfield 
由 国 CommandField 
轩 TemplateFeld 


图 8.23 设置 SortExpression 属性 


步骤 3 为 GridView 控件 设置 排序 事件 处 理 方法 ,如 图 8. 25 所 示 。 
层 性 -Ox 


GridViewl System.Web.ULWebControls.Gridview 于 


GridViewl Sorting 


RowCreated 
数据 


学 号 姓名 性 别 出生 日 期 “学 费 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 DataBound 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 | 


DataBinding 


图 8.24 设置 排序 属性 后 的 控件 样式 图 8.25 为 控件 设置 排序 事件 处 理 方法 
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GridView 的 排序 功能 通过 相应 排序 事件 在 后 台 生成 已 排序 的 数据 源 ,然后 重新 绑 定数 
据 来 完成 ,因此 ,需要 在 事件 相应 代码 中 获取 排序 字段 名 和 排序 方式 (升序 、 降 序 ) ,然后 据 此 


对 数据 源 进行 排序 后 重新 绑 定 数据 。 


步骤 4 为 排序 事件 处 理 方法 添加 如 下 代码 ,代码 中 用 一 个 ViewState["SortDirection" 来 
记录 当前 的 排列 顺序 ,用 一 个 ViewState[ "SortExpression "] 记 录 作 为 排序 关键 字 的 字段 


名 ,然后 重新 绑 定数 据 。 


Protected void GridView] Sorting (cbject sender,GridViewSortEventArgs e) 
{ 


if (ViewState["SortDirection"]==null) ViewState["SortDirection"]= "DESC"; 
if (ViewState["SortDirection"] .ToString()== "ASC") 
ViewState["SortDirection"]= "TESC"; 
else 
ViewState["SortDirection"]= "RSC"7 
ViewState["SortExpression"]= e.SortExpression; 
this.bindgrid(); 
} 


添加 bindgridO 〇 代码 如 下 ,使 其 根据 ViewState[ "SortDirection"] 的 值 生 成 排序 后 的 


DataView 对 象 作 为 数据 源 。 


Protected void Page_Load (cbject sender,EventArgs e) 
{ 
if (!Page.IsPostBack) bindgrid(); 
} 
void bindgrid () 
{ 
string sqlconnstr= ConfiguratiorManager.ConnectionStrings 
["testConnectionstring"] .Connectionstringy 
DataSet ds= new DataSet () 7 
using (SqlConnection sqlconn= new SqlConnection (sqloonnstr)) 
{ 
SqlDatancepter sqld- new SqlDatancapter (select * from stident",sqlomn); 
sqld.Fill (ds, "estudent"); 
if (ViewState["SortDirection"]==null) 
GridView] .DataSouroce= ds.Tables["estudent"] .DefaultView; 
else 
{ 
DataView SortedDVE new DataView (ds.Tables["estudent"]); 
SortedDV.Sort= ViewState["SortExpression"] .ToString () + " " +ViewState 
["SortDirection"] .ToString(); 
GridViewl.DataSource= SortedIV; 
} 
GridView] .DataBind (); 
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步骤 5 排序 效果 如 图 8. 26 所 示 。 


Ef ole 
@eO @ htpi//localhost58 P - BO | @localhc 


文件 (F) ”编辑 (E) ”查看 (V) 收藏 夫 (A) 工具 (T) 才 有 ” 


学 号 姓名 性 别 出 生日 期 ” 学 费 


赵 同学 男 “1997/9/9 0:00:00 1880 
马 同学 男 。 1997/5/5 0:00:00 ”2100 
李 同 学 女 1996/8/8 0:00:00 1960 
张 同学 男 “1996/12/31 0:00:00 1960 
王 同学 女 1997/2/20:00:00 1960 
赵 同 学 男 “1997/11 0:00:00 1960 


mw 和 w 


图 8.26 _ GridView 排序 效果 


8.3 DataList 控件 


8.3.1 DataList 控件 概述 


DataList 控件 是 . NET 中 的 一 个 控件 。DataList 控件 以 表 的 形式 呈现 数据 ,通过 该 控 
件 , 可 以 使 用 不 同 的 布局 来 显示 数据 记录 ,例如 ,将 数据 记录 排 成 列 或 行 的 形式 。 可 以 对 
DataList 控件 进行 配置 ,使 用 户 能 够 编辑 或 删除 表 中 的 记录 。 

DataList 控件 是 一 种 很 常用 的 数据 绑 定 控件 ,可 以 用 自 定义 格式 显示 数据 。DataList 
控件 绑 定 到 一 个 数据 源 ,数据 源 中 的 每 一 条 数据 在 DataList 中 称 为 一 项 。DataList 是 一 个 
数据 列表 ,可 以 显示 多 条 数据 。 每 一 条 数据 称 为 DataList 的 一 项 ,如 何在 控件 中 显示 一 项 
称 为 项 模板 。DataList 控件 提供 了 两 种 页 面 布局 : Table 和 Flow ,在 Table 模式 下 ,在 一 个 
行列 表 中 重复 每 个 数据 源 ,可 以 通过 相关 属性 控制 其 按 行 显示 或 按 列 显示 并 设置 行 ( 列 ) 中 
包含 的 最 大 项 数 ;Flow 模式 下 ,在 一 行 或 者 一 列 中 重复 显示 数据 项 。 

DataList 控件 用 于 显示 限制 于 该 控件 的 项 目的 重复 列表 ,其 使 用 方式 和 Repeater 控件 
相似 ,也 是 使 用 模板 标记 。 不 过 .DataList 控件 会 默认 地 在 数据 项 目 上 添加 表格 ,而 且 正 是 
由 于 它 使 用 模板 进行 设计 ,所 以 它 的 灵活 性 比 GridView 更 高 。DataList 控件 可 被 绑 定 到 
数据 库 表 、XML 文件 或 者 其 他 项 目 列表 , DataList 控件 新 增 SelectedItemTemplate 和 
EditItemTemplate 模板 标记 ,可 以 支持 选取 和 编辑 功能 。 

DataList 控件 中 通过 自 定义 模板 来 设置 数据 的 显示 样式 , 它 支 持 如 下 模板 类 型 。 

ItemTemplate: 包含 一 些 HTML 元 素 和 控件 ,将 为 数据 源 中 的 每 一 行星 现 一 次 这 些 
HTML 元 素 和 控件 。 

AlternatingItemTemplate: 包含 一 些 HTML 元 素 和 控件 ,将 为 数据 源 中 的 每 两 行 呈现 
一 次 这 些 HTML 元 素 和 控件 。 通 常 .可 以 使 用 此 模板 来 为 交 蔡 行 创建 不 同 的 外 观 ,例如 指 
定 一 个 与 在 ItemTemplate 属性 中 指定 的 颜色 不 同 的 背景 色 。 

SelectedItemTemplate: 包含 一 些 元 素 , 当 用 户 选择 DataList 控件 中 的 某 一 项 时 将 呈现 
这 些 元 素 。 通 常 , 可 以 使 用 此 模板 来 通过 不 同 的 背景 色 或 字体 颜色 直观 地 区 分 选 定 的 行 ,还 
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可 以 通过 显示 数据 源 中 的 其 他 字段 来 展开 该 项 。 

EditItemTemplate: 指定 当 某 项 处 于 编辑 模式 时 的 布局 。 此 模板 通常 包含 一 些 编辑 控 
件 , 如 TextBox 控件 。 

HeaderTemplate 和 FooterTemplate : 包含 在 列表 的 开始 和 结束 处 分 别 呈 现 的 文本 和 控件 。 

SeparatorTemplate: 包含 在 每 项 之 间 呈 现 的 元 素 。 

通常 根据 不 同 的 需要 定义 不 同类 型 的 项 模板 ,DataList 控件 根据 项 的 运行 时 状态 自动 
加 载 相应 的 模板 显示 数据 ,例如 , 当 某 一 项 被 选 定 后 将 会 以 SelectedItemTemplate 模板 呈现 
数据 ,编辑 功能 被 激活 时 将 以 EditItemTemplate 模板 呈现 数据 。 


8.3.2 DataList 控件 绑 定数 据 源 


【 例 8.8】 DataList 控件 的 数据 绑 定 。 

步骤 1 新 建 一 个 名 为 Default3. aspx 的 页 面 ,在 页 面 上 添加 一 个 DataList 控件 。 

步骤 2 编辑 DataList 控件 ,并 设置 项 模板 ,进行 显示 字段 映射 。 

(1) 在 VS2010 环境 中 使 用 DataList 控件 的 快捷 任务 面板 进入 模板 的 编辑 页 面 ,如 
图 8. 27 所 示 。 


DataList 任务 


自动 套用 格式 . 


选择 数据 源 
属性 生成 器 . 
编辑 模板 


图 8.27 打开 DataList 的 模板 编辑 器 


(2) 单 击 “编辑 模板 "按钮 后 进入 模板 编辑 界面 ,如 图 8. 28 所 示 。 


[Lasp:datalst#DakaListl 
DataListl - 项 模板 


ItenTemplate 


AlternatineItenTenplate 
SelectedltenTenplate 
EditItenTenplate 

页 所 和 页 膨 模 板 
HeaderTenplate 
FooterTenplate 


分 隔 符 模 板 


图 8.28 模板 编辑 界面 


(3) 在 本 例 中 只 实现 DataList 控件 的 数据 绑 定 , 所 以 只 简单 地 定义 一 个 ItemTemplate , 单 
击 模板 类 型 后 编辑 ItemTemplate 模板 样式 如 图 8. 29 所 示 。 


gralst#D ataListl 
模板 编辑 模式 
ItemTemplate ] 
学 叶 显示 :ETEGS =| 
| 姓名 结束 模板 
| 出 生日 期 
| 学 费 


图 8. 29 ItemTemplate 模板 样式 
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DataList 控件 中 的 项 模板 显示 数据 源 每 条 记录 中 的 各 个 字段 ,需要 将 模板 中 的 显示 控 
件 映射 到 相应 字段 ,才能 在 数据 绑 定 后 在 模板 项 中 显示 正确 的 数据 。 数 据 映 射 通过 绑 定 表 
达 式 完成 ,在 项 模板 中 各 个 显示 控件 的 页 面 代 码 中 添加 如 下 绑 定 表 达 式 : 二 % # Eval 
("XXX")%, 其 中 ,Eval 方 法 用 于 读 取 数据 绑 定 后 当前 显示 项 中 所 呈现 的 数据 项 的 相 
应 字段 数据 ,Eval 方法 的 参数 “X X XxX” 用 于 指定 记录 中 要 显示 的 字段 名 。 

(4) 定义 模板 后 的 页 面 代码 如 下 。 

< asp:DataList ID= "DataListl" runat= "server" RepeatColums= "5" > 

< ItenTerplate> 

学 号 :<%#Eval ("no") $><br /> 

姓名 :<%#Eval ("name") $><br /> 

性 别 :<%#Eval ("brith") %><br /> 

出 生日 期 :<%#Eval ("fee") $><br /> 


属性 
List1 System.Web.ULWebControls.Datalist 


学 费 :<%#Eval ("fee") %$><br /> En 
本 Cellspacing 0 
ExtractTemplateRows 。 False 
< /ItenTenplate> Height 
HorizontalAlign NotSet 
< /asp:DataList> RepeatColumns 5 
、 RepeatDirection Vertical 
步骤 3 设置 DataList 的 布局 属性 ,采用 RepeetLayout Table 
Midth 
Table 布局 ,每 行 显示 5 项 , 按 行 显示 ,如 图 8. 30 |cellpadding 
二 单元 格 内 的 空白 
所 示 。 


步骤 4 在 页 面 后 台 类 中 添加 数据 绑 定 代码 略 8 30 设置 DataList 布局 属性 
如 下 。 


Protected void Page_ Load (cbject sender,EventArgs e) 
{ 
if (!Page.IsEostBack) listbind(); 
} 
void listbind() 
{ 
string sqlconnstr= ConfigurationManager.ConnectionStrings 
["testConnectionString"] .ConnectionStringy 
DataSet ds= new DataSet ()7 
using (SqlConnection sqlconn= new SqlConnection (sqloonmnstr)) 
SqlDatancepter sq new SqlDatapGapter("select * fom stuent",sqlormn); 
sqld.Fill (ds, "estudent"); 
和 
DataList1.DataSource= ds.Tables ["estudent"] .DefaultView; 
DataList1.DataBind()7 
} 


(5) 页 面 的 运行 效果 如 图 8. 31 所 示 。 
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ae 
(HO @ http://localhost5s P - BO | @ localhost “es 
文件 (月 ”编辑 (E) ”查看 (V) 收藏 夫 (A) 工具 (T) 帮助 (H) 
学 号 :1 ”学 93 学 号 4 学 9S:5 学 8:6 _ 
姓名 起 同学 。 姓名 : 张 同学 姓名 : 李 同 学 姓名 : 马 同 学 ”姓名 赵 同 学 
性 别 :1997/1/1 ”性 别 :1996/12/31 ”性 别 :1996/8/8 ”性 别 :1997/5/5 ”性 别 :1997/9/9 
0:00:00 0:00:00 0:00:00 0:00:00 0:00:00 
出 生日 期 :1960 出 生日 期 :1960 ”出 生日 期 :1960 出 生日 期 :2100 出 生日 期 :1880 
学 费 :1960 学 费 :1960 学 费 :1960 学 费 :2100 学 费 :1880 
学 号 2 
姓名 : 王 同学 
‖ 性 别 :19972/2 
0:00:00 v 
出 生日 期 :1960 


图 8.31 Default3. aspx 运行 页 面 


8.3.3 使 用 SelectedItemTemplate 模板 


在 浏览 数据 时 ,用 户 有 时 并 不 关心 记录 中 所 有 字段 的 值 ,通常 只 需要 每 台 记 录 的 主题 信 
息 即 可 。 在 找到 合适 自己 的 记录 后 才 希 望 看 到 全 部 信息 。SelectedItemTemplate 模板 就 是 
为 了 这 个 需要 而 设计 的 。 

使 用 SelectedItem 属性 来 获取 DataListItem 对 象 ,该 对 象 表 示 DataList 控件 中 的 选 定 
项 。 然 后 ,可 以 使 用 该 对 象 设置 选 定 项 的 属性 。 

【 例 8.9】 使 用 SelectedItemTemplate 模板 。 

步骤 1 设计 SelectedItemTemplate 模板 样式 ,如 图 8. 32 所 示 。 


xample 


Clhck Select to select an item. 
sp: Datalist#ItemsList | 
ItemsList - 项 模板 
SelectedItemTemplate 
Ttem: [ItemLabel] 


Quantity: [QtyLabel] 
Price: [PriceLabel] 


图 8.32 SelectedItemTemplate 模板 样式 


步骤 2 页 面 代 码 如 下 。 


< %$QPage Language= "C# " AutogventWireup= "True" %> 

< %@ Import Namespace= "System.Data" %> 

< !DOCTYPE html PUBLIC "- //W3C//DID XHTML 1.0 Transitional//EN" 
"htbp://www-w3-org/TRVxhtmll/DTD/xhtmll- transitional .dtd"> 
< html xmlns= "http://wmw.w3.org/1999/xhtml"> 
<head> 
<title> DataList Select Example< /title> 
< script runat= "server"> 


ICollection CreateDataSource () 
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i} 


//Create sample data for the DataList control. 
DataTable dt= new DataTable (); 
DataRow dr; 
//Define the columns of the table. 
dt.Colurms .nod (new Datacolumn ("Ttem", typeof (Int32))); 
全 .Columns.RGd (new DataColurm ("Qty", typeof (Int32)))7 
此 .Columns.RGd (new DataColurm ("Prioe", typeof (double))); 
//Populate the table with sample values. 
for (int i=0;i< 9;i++) 
{ 

Gr= dt.NewRow (); 

dr[0]=i; 

dr[l]=i * 2; 

dr[2]=1.23 * (i+]); 

此 .Rows.Rada (dr); 
} 
DataView dv= new DataView (dt); 
retum dv; 


Void Page_ Load (Cbject senger,EventArgs e) 


{ 


} 


//Toad sanple data only once,when the page is first loaded. 
证 (!IsPostBack) 
| 
ItemsList .DataSouroe= CreateDataSource () 7 
ItemsList.DataBind()7 


void Item_Cormand (Object sengder, DataListCamandEventArgs e) 


{ 


} 


//Set the SelectedIndex property to select an item in the DataList. 
ItemsList.SelectedIndex= e.Item. ItemIndex; 

//Rebind the data source to the DataList to refresh the control. 
ItemsList.DataSource= CreateDataSouroe () 7 

ItemsList.DataBind ()7 


< /script> 


< /head> 
<body> 


< fom id= "forml"” runat— "server > 


<h3> DataList Select Exanple< /h3> 


Click< b> Select< /b> to select an item. 
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<br 和 <hr 入 

< asp:DataList id "TtemsList" 

GridqLines= "Both" 

CellPadding= "3" 

CellSpacing= "0" OnTtemCommanGF "Ttem Command" runat= "server"> 

< HeaderStyle BackColor= "# aaaaGd"> 

< /HeagerStyle> 

< AlternatingItemStyle BackColor= "Gainsboro"> 

< /AlternatingItemStyle> 

< SelectedItemStyle BackColor= "Yellow"> 

< /SelectedItemStyle> 

< HeaderTenplate> 

Items 

< /HeaderTenplate> 

< ItenlTerplate> 

< asp:LinkButton id= "SelectButton" Text= "Select" CaommandName= 
"Select" runat= "server"/> 

Item< %# DataBinder.Eval (Container.DataTtem "Item") $%> 

< /ItemTerplate> 

< SelectedItentTenplate> 

Item: 

< asp:Label jcF "TtenmLabel" Rxt= '< %# DataBinder.Eval (Container.DataItem 
"Ttem") %> ' runat= "server"/> 

<br /> 

Quantity: 

< asp:Label jcF "QtyLabel" Text= '< 4%# DataBinder.FEVal (Cntainer.Dataltem 
"Qty") %> ' runat= "server"/> 

<br /> 

Price: 

<asp:Label id-= "PriceLabel" 

Text= '< %# DataBinder.Eval (Container.Dataltem "Prioe", "{0:c}") %> rnat= 
"server"/> 

< /SelectedItentTemplate> 

< /asp:DataList> 

< /fom> 
< /body> 
< /htm> 


注 : 本 例 中 使 用 了 单 文件 代码 模型 。 


步骤 3 程序 运行 效果 如 图 8. 33 所 示 。 
步骤 4 单 击 SelectIteml 后 效果 如 图 8. 34 所 示 。 
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| 
本 @O 您 http://localhost58 只 ~ 
(HI® 钨 httpi//localhost58 只 ~ 文件 (F) ”编辑 (E) ”查看 (V) 收藏 夫 ” 


: 文 查看 (V) ”收藏 夫 ” 
人 时 雪人 DataList Select Example 人 


DataList Select Example 人 


图 8.33 程序 运行 效果 图 8.34 单 击 SelectIteml 运行 效果 


8.3.4 在 DataList 控件 中 编辑 数据 


【 例 8.10】 在 DataList 控件 中 编辑 数据 ,本 例 中 将 演示 如 何 删除 数据 。 
步骤 1 前 台 页 面 代码 如 下 。 


<div> 

<div styler "text- align: center"> DataList 用 法 删除 ) 

< table border= "0" oellpadding= "0" oellspacing= "0" style= "width: 500px"> 
<tr> 

< td style= "width: 100px"> 

</td> 

< /tr> 

<tr> 

< td style= "width: 500px"> 

< asp:DataList ID= "DataListl" runat= "server'"> 

< Itentlenplate> 

< div style= "text- align: oenter"> 

< table border= "0" oellpadding= "0" oellspacing= "0" style= "width: 100%"> 
< 

< td style= "width: 100px"> < $# DataBinder.Eval (Container.DataTtem "no")®> 
</to> 

< td style= "width: 150px"> < $# DataBinder.Eval (Container.DataTtem "name")®> 
</to> 

< td style= "width: 150px"> < $# DataBinder.Eval (Container.DataTtem "brith")®> 
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</td> 

<td style= "width: 150px"> 

< asp:LinkButton ID= "LinkButton1l" runat= "server" CommandName= "delete"> 删 除 
< /asp:LinkButton> < /td> 

< /tr> 

< /table> 

</div> 

< /ItenTenplate> 

< /asp:DataList> < /td> 

</tr> 

<tr> 

<td style= "width: 100px"> 

</td> 

</tr> 

< /table> 

</div> 

< /div> 


步骤 2 后 台 页 面 代码 如 下 。 


Public partial class DataList : System.Web.UI.Page 
{ 
Protected void Page_ Load (cbject sender,EventArgs e) 
{ 
if (!IsEostBack) 
{ 
bind(); 


} 
void bind() 
" 
string sqlconnstr= ConfigurationManager.ConnectionStrings 
["testConnectionString"] .ConnectionString7 
DataSet ds= new DataSet (); 
using (SqlConnection sqloonn= new SqlConnection (sqloomnstr)) 
{ 
SqlDatandapter sqld= new SqlDataAdapter ("select * from student", 
sqlconmn); 
sqld.Fill (ds, "estudent"); 
} 
DataList1.DataSource= ds.Tables["estudent"] .DefaultView; 
DataList] .DataBind(); 
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删除 数据 语句 请 读者 自行 编制 。 
步骤 3 程序 运行 效果 如 图 8. 35 所 示 。 


(DO reecenss ~ ao] ec 
文件 (]。 编 坊 (E) ”过 看 (V) ”收藏 夫 (A) 工具 (T 帮助 (H) 
DataList 用 法 删除 ) 

1 赵 同 学 1997/1/1 0:00:00 删除 

2 王 同学 1997/2/2 0:00:00 删除 

3 张 同学 1996/12/31 0:00:00 删除 

4 李 同 学 1996/8/8 0:00:00 删除 

5 击 除 

6 删除 

> 


马 同 学 1997/5/5 0:00:00 
赵 同学 1997/9/9 0:00:00 
< Be 


图 8. 35 ”DataList 删除 数据 运行 效果 


8.4 ” Repeater 控件 


8.4.1 Repeater 控件 概述 

Repeater 控件 是 一 个 数据 容器 控件 , 它 能 够 以 表格 形式 显示 数据 源 的 数据 。 若 该 控件 
的 数据 源 为 空 , 则 什么 都 不 显示 。 该 控件 允许 用 户 创建 自 定 义 列 , 并 且 还 能 够 为 这 些 列 提供 
布局 ,然而 Repeater 控件 本 身 不 提供 内 置 呈现 功能 。 若 该 控件 需要 呈现 数据 , 则 必须 为 其 
提供 相应 的 布局 。Repeater 控件 的 属性 如 表 8. 1 所 示 。 


表 8.1 Repeater 控件 的 属性 


属 性 描 述 
DataSource 数据 源 
DataSourceID 数据 源 控件 的 ID 属性 ,控件 从 该 数据 源 控件 检索 数据 
DataMember DataSource 属性 中 要 绑 定 到 控件 的 数据 成 员 
Items Repeaterltem 对 象 的 集合 
Controls 子 控件 集合 
EnableTheming 是 否 应 用 主题 


Repeater 控件 可 以 通过 DataSourceID、DataSource 或 DataMember 属性 来 设置 其 数据 
源 。 其 中 ,DataSourceID 属性 为 数据 源 控件 的 ID 属性 值 。 若 Repeater 控件 使 用 数据 源 控 
件 提 供 数据 , 它 不 需要 显示 绑 定 控件 的 数据 。DataSource 属性 可 以 直接 作为 Repeater 控件 
的 数据 源 ,但 是 需要 显 式 调 用 DataBind () 方 法 绑 定 Repeater 控件 的 数据 。 另 外 , 若 
DataSource 属性 包含 多 个 数据 成 员 , 则 还 可 以 使 用 DataMember 属性 指定 DataSource 属性 
中 的 一 个 数据 成 员 为 Repeater 控件 的 数据 源 。 

Repeater 控件 还 提供 了 三 个 事件 : ItemCommand、ItemCreated 和 ItemDataBound, 如 
表 8.2 所 示 。 
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表 8.2 Repeater 控件 的 事件 


事 件 描 述 事 件 描 述 
ItemCommand 单 击 控件 中 的 按钮 时 发 生 ItemDataBound | 控件 中 的 项 被 数据 绑 定之 后 发 生 
ItemCreated 控件 中 的 项 创建 时 发 生 


Repeater 控件 有 5 个 模板 ,使 用 Repeater 控件 至 少 要 定义 ItemTemplate 模板 ,其 他 模 
板 可 以 根据 需要 增加 。Repeater 控件 以 及 5 个 模板 的 HTML 标记 格式 如 下 。 


< asp:Repeater id= Repeaterl runat= "server"> 

< HeaderTerplate> …< /HeaderTerplate> 

< Itenterplate> …< /Itentrenplate> 

<RlternatingTtentrerplate> …< /AlternatingTtentrerplate> 

< SeparatorTerplate> … < /SeparatorTenplate> 

< FooterTenplate> …< /FooterTenrplate> 

< /asp:Repeater> 
其 中 ,ItemTemplate 和 AlternatingltemTemplate 模板 可 以 绑 定数 据 源 ,这 两 个 模板 一 般 称 
作 Repeater 控件 数据 显示 模板 ,其 他 三 个 模板 不 能 绑 定数 据 源 。 

5 个 模板 的 用 途 如 下 。 

(1) HeaderTemplate : 定义 头 部 显示 的 内 容 和 布局 。 如 果 没 有 定义 , 则 不 显示 任何 内 容 。 

(2) ItemTemplate : 定义 要 显示 的 数据 和 布局 。 此 数据 显示 模板 为 必 选 ,可 以 绑 定 数据 源 。 

(3) AlternatingItemTemplate : 数据 显示 模板 要 重复 使 用 显示 数据 ,本 属性 是 重复 次 数 ( 从 
零 开 始 ) 为 奇数 时 的 数据 显示 模板 。 如 无 定义 使 用 ItemTemplate 。 此 模板 可 绑 定 数据 源 。 

(4) SeparatorTemplate: 数据 显示 模板 重复 使 用 显示 数据 ,该 属性 定义 两 次 用 数据 显 
示 模 板 显示 的 数据 之 间 的 分 隔 符 。 如 果 未 定义 , 则 不 呈现 分 隔 符 。 

(5) FooterTemplate : 定义 底部 的 显示 内 容 和 布局 。 如 果 没 有 定义 , 则 不 显示 任何 内 容 。 

该 控件 首先 按照 HeaderTemplate 模板 显示 头 部 内 容 。 然 后 按照 模板 ItemTemplate 
和 AlternatingItemTemplate 显示 绑 定 的 数据 ,要 重复 多 次 ,直到 把 绑 定 的 数据 显示 完 。 模 
板 SeparatorTemplate 为 两 组 数据 之 间 增 加 分 隔 符 。 最 后 按照 模板 FooterTemplate 显示 底 
部 内 容 。 


8.4.2 在 Repeater 控件 中 显示 数据 


【 例 8.11】 在 Repeater 控件 中 显示 数据 。 
步骤 1 新 建 一 个 名 为 Repeater. aspx 的 网 页 ,其 设计 页 面 如 图 8. 36 所 示 。 


Repeater 显 示 数 据 

姓名 
数据 绑 定 茹 据 绑 定 
数据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 | 
数据 绑 定 _ _ ”| 攻 所 种 定 J 
数据 绑 定 数据 绑 定 


图 8. 36 ”Repeater. aspx 页 面 设计 
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步骤 2 Repeater. aspx 页 面 代码 如 下 。 


< div> Repeater 显示 数据 


< asp:Repeater ID= "Repeaterl" runat= "server"> 
< Itentenplate> 

E> 

< to> < %# DataBinder.Eval (Container.DataTtem "no") $>< /td> 

< td> < %# DataBinger.Eval (Container.DataTtem "name")%> < /td> 

</tr> 

< /ItenTenrplate> 

< HeaderTerplate> 

< table border= "1" width= "500px" style= "background- position:center"> 
<tr> 

<td> 学 号 < /td> 

<td 姓 名 < /td> 

< /tr> 

< /HeaderTerplate> 

< FooterTerplate> 

< /table> 

< /FooterTerplate> 

< /asp:Repeater> 


< /div> 


步骤 3 Repeater. aspx. cs 页 面 代码 如 下 。 


Protected void Page Load (cbject sender,EventArgs e) 


{ 


} 


if (!IsPostBack) 
{ 
bind(); 


void bind() 


{ 


string sqlcomnstr= ConfiguratiorManager.ConnectionStrings 
["testConnectionString"] .ConnectionString; 
DataSet ds= new DataSet (); 
using (SqlConnection sqlconn= new SqlConnection (sqloonnstr)) 
{ 
SqlDatandapter sqldF new SqlDatandapter ("select no,name from student", 
sqlconmn); 
sqlq.Fill (ds, "estudent"); 
} 
Repeater] .DataSouroe= ds.Tables ["estudent"] .DefaultView; 
Repeaterl .DataBind (); 


数据 绑 定 
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步骤 4 运行 效果 如 图 8. 37 所 示 。 


[ | 
(DO recentonss Pp- ac econor * 
文件 (月 ”编辑 (E) ”过 看 (V) 收藏 夫 (A) 工具 (T 帮助 (H) 
Repeater 显 示 数 据 
溯 号 隆 名 
1 起 同学 
2 三 同学 
3 莱 同 学 
日 蔡司 学 
5 己 司 学 
6 起 同学 
上 = J 


图 8. 37 Repeater. aspx 运行 页 面 


实践 与 练习 


一 、 实 践 练 习 1 

.新建 名 为 "Sibd" 的 网 站 。 

. 在 网 站 中 建立 用 于 数据 绑 定 的 数据 库 ( 可 参照 书 中 数据 库 ) 。 

. 添加 一 个 网 页 ,利用 GridView 控件 实现 数据 的 分 页 显示 。 

.添加 一 个 网 页 ,利用 DataList 控件 实现 数据 的 插入 与 删除 。 

. 添加 一 个 网 页 ,利用 Repeater 控件 实现 对 记录 数据 的 显示 。 

、 实 践 练习 2 

. 在 VS2010 中 ,创建 一 个 SQL Server 数据 库 Example, 其 中 包含 一 个 表 Teachers ,其 
字段 类 型 如 表 8. 3 所 示 。 


1 史 Ri 


PN 


表 8.3 Teachers 表 结 构 


字段 名 称 数据 类 型 大 小 说 明 
No 文字 6 教师 编号 
Name 文字 30 教师 姓名 
Power 严 学 4 教师 权限 
Phone 交 举 11 教师 电话 号 码 
Class 诺 室 10 教师 类 别 


2. 创建 ASP. NET 程序 ,使 用 LinqDataSource 控件 连接 到 Example 数据 库 , 使 用 
GridView 控件 显示 表 Teacher 中 的 数据 记录 .表格 提供 排序 和 分 页 功能 ,每 页 显示 5 条 记 
录 数 据 。 

3. 创建 ASP. NET 程序 ,使 用 SqlDataSource 控件 连接 到 Example 数据 库 , 使 用 
DataList 控件 实现 详细 显示 某 一 条 数据 ,并 且 提 供 数据 表 的 编辑 功能 。 
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第 9 章 ， ASP.NET AJAX 服务 器 端 编程 


本 章 学 习 目标 

。 理解 AJAX 技术 的 基本 原理 。 

。 学 会 使 用 AJAX Extensions 选项 卡 里 面 的 5 个 基本 控件 。 
。 了 解 AJAX Control Toolkit 的 其 他 工具 。 


AJAX 全 称 为 Asynchronous JavaScript and XML( 异 步 JavaScript 和 XML) , 它 不 是 一 
种 技术 ,而 是 几 种 技术 ,每 种 技术 都 有 其 独特 之 处 , 合 在 一 起 就 成 了 一 个 功能 强大 的 新 技术 ， 
是 一 种 可 以 创建 更 强 交互 式 网 页 应 用 的 Web 应 用 程序 技术 。AJAX 带 来 的 好 处 可 以 总 结 
为 三 点 : 最 大 的 一 点 是 页 面 无 刷新 ,在 页 面 内 与 服务 器 通信 ,具有 良好 的 用 户 体验 ;另外 一 
点 ,使 用 异步 方式 与 服务 器 通信 ,不 需要 打 断 用 户 的 操作 ,具有 更 加 迅速 的 响应 能 力 ;最 后 ， 
可 以 把 以 前 一 些 服务 器 负担 的 工作 转嫁 到 客户 端 ,利用 客户 端 闲置 的 能 力 来 处 理 , 减 轻 服务 
器 和 带宽 的 负担 ,节约 空间 和 宽带 租用 成 本 ,并且 减轻 服务 器 的 负担 ,AJAX 的 原则 是 “ 按 需 
取 数 据 ”, 可 以 最 大 程度 地 减少 元 余 请 求 和 响应 对 服务 器 造成 的 负担 。 

本 章 将 介绍 如 何 使 用 ASP.NET AJAX 开发 Web 应 用 程序 。 


9.1 ASP.NET AJAX 基础 


9.1.1 AJAX 的 基本 概念 和 特点 
AJAX 是 一 种 运用 于 浏览 器 的 技术 ,目前 的 主流 浏览 器 都 支持 ,包括 Mozilla、Firefox、 


Internet Explorer .Opera、Konqueror 以 及 Safari。 

AJAX 具有 以 下 特点 。 

(1) 使 用 CSS 和 XHTML 来 表示 。 

(2) 使 用 DOM 模型 来 交互 和 动态 显示 。 

(3) 使 用 XMLHttpRequest 来 和 服务 器 进行 异步 通信 。 

(4) 使 用 JavaScript 来 绑 定 和 调用 

传统 的 Web 应 用 允许 用 户 填写 表单 , 当 提交 表单 时 就 向 Web 服务 器 发 送 一 个 请 求 。 
服务 器 接收 并 处 理 传 来 的 表单 ,然后 返回 一 个 新 的 网 页 。 这 种 做 法 浪费 了 许多 带宽 ,因为 在 
前 后 两 个 页 面 中 的 大 部 分 HTML 代码 往往 是 相同 的 。 由 于 每 次 应 用 的 交互 都 需要 向 服务 
器 发 送 请 求 ,应 用 的 响应 时 间 就 依赖 于 服务 器 的 响应 时 间 。 这 导致 了 用 户 界 面 的 响应 比 本 
地 应 用 慢 得 多 。 

AJAX 的 工作 原理 相当 于 在 用 户 和 服务 器 之 间 添 加 了 个 中 间 层 ,使 得 用 户 操作 与 服务 
器 响应 异步 化 。 也 就 是 说 ,并 不 是 所 有 的 用 户 请 求 都 提交 给 服务 器 处 理 , 而 是 把 诸如 数据 验 
证 和 数据 处 理 等 请 求 都 交 给 AJAX 引擎 自己 来 做 ,只 有 确定 需要 从 服务 器 读 取 新 数据 时 ， 
再 由 AJAX 引擎 代为 向 服务 器 提交 请 求 ,在 它 的 帮助 下 可 以 消除 网 络 交 互 过 程 中 的 处 理 一 
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等 待 一 处 理 等 缺陷 。 在 处 理 的 过 程 中 , Web 服务 器 响应 是 标准 的 XML 的 数据 ,传递 给 
AJAX 后 再 转化 为 HTML 页 面 格式 ,辅助 CSS 显示 。 与 AJAX 相关 的 一 个 重要 的 对 象 是 
XMLHttpRequest。 这 个 对 象 是 AJAX 技术 中 最 重要 的 对 象 。 一 个 页 面 可 以 在 不 刷新 的 
情况 下 通过 XMLHttpRequest 发 送 请 求 来 获取 服务 器 响应 。 其 工作 过 程 示意 如 图 9. 1 


所 示 。 
浏览 器 
用 户 接口 
JavaScript 调 用 I Hcssi) 
AJAX 引 擎 
Http 请 求 数据 XML 文 本 数据 
Http(s) 传 输 


Web XML 服务 器 
TY 


数据 库 


服务 器 端 系统 


图 9.1 AJAX 访问 服务 器 示意 图 


使 用 AJAX 的 最 大 优点 就 是 局 部 刷新 功能 , 即 在 不 刷新 整个 页 面 的 前 提 下 维护 数据 。 
这 使 得 Web 应 用 程序 更 为 迅捷 地 响应 用 户 交 互 , 并 避免 了 在 网 络 上 发 送 那些 没有 改变 的 


信息 。 
9.1.2 安装 和 配置 ASP.NET AJAX 


Visual Studio 2010( 基 于 .NET 4.0,3. 5 也 
可 以 ) 提 供 了 对 开发 ASP. NET AJAX 的 内 置 
支持 ,新 建 Web 应 用 程序 之 后 ,可 以 从 工具 箱 中 
看 到 一 个 AJAX Extensions 选项 卡 , 其 中 包含 
开发 AJAX 所 需要 的 服务 器 控件 ,通过 直接 拖 
拉 所 需要 的 AJAX 服务 器 控件 到 Web 页 面 可 
轻松 地 开发 AJAX 应 用 程序 。 在 工具 箱 中 可 看 
到 图 9.2 所 示 的 AJAX Extensions 选项 卡 。 

其 中 包含 5 个 控件 ,它们 构成 了 基础 
ASP. NET AJAX 框架 。 本 章 后 续 会 对 这 5 个 
控件 逐一 讲述 ,但 是 只 用 这 5 个 控件 来 设计 一 
个 ASP. NET AJAX 网 站 是 很 困难 的 ,因此 可 
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工具 箱 -Xx 
?标准 
”数据 
”验证 
”导航 
b 登录 
b WebParts 
4 AJAX Extensions 
指针 
ScriptManager 
ScriptManagerproxy 
Timer 
UpdatePanel 
UpdateProgress 


由 图 念 加 男子 


图 9.2 ”AJAX Extensions 选项 卡 
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以 选择 性 地 手动 安装 ASP. NET AJAX Control Toolkit 以 增强 AJAX 应 用 程序 开发 的 特 
性 。 读 者 可 以 进一步 学 习 这 些 控件 的 使 用 方法 。 安 装 AJAX Control Toolkit 的 步 又 
如 下 。 

步骤 1 下 载 AJAX Control Toolkit。 

进入 网 址 http://AJAXcontroltoolkit. codeplex. com/ 即 可 下 载 , 如 图 9. 3 所 示 。 


DevExFPrsss ASP.NET AJAX Control Toolkit 


AJAX Control Toolkit (maintained by DevExpress) 
Update May 2015: 


图 9.3 AJAX Control Toolkit 下 载 界面 


下 载 之 后 得 到 图 9.4 所 示 的 安装 文件 。 


人 筷 NlaxControlToolkitInstaller.exe 2015/7/1 14:34 ”应 用 程序 21878 KB| 


图 9.4 AJAX Control Toolkit 安装 文件 


步骤 2 双击 安装 ,默认 选项 即 可 ,安装 完成 后 重新 启动 ,工具 箱 里 面 会 出 现 AJAX 
Control Toolkit 选项 卡 ,打开 后 会 发 现 有 图 9. 5 所 示 的 一 系列 控件 。 该 控件 包 提供 了 很 多 
使 用 效果 很 好 的 控件 ,学 会 灵活 运用 AJAX Control Toolkit 中 的 所 有 控件 便 能 轻松 创建 一 


个 AJAX 网 站 。 因 篇 幅 限 制 , 本 书 不 再 对 此 部 分 控件 做 详细 介绍 。 


| 
3 
: 
: 


指针 

Accordion 
AccordionPane 
AjaxFileUpload 
AlwaysVisibleControlExtender 
AnimationExtender 
AreaChart 
AsyncFileUpload 
BarChart 

BubbleChart 
AutoCompleteExtender 
BalloonPopupExtender 
CalendarExtender 
CascadingDropDown 
CollapsiblePanelExtender 
ColorpickerExtender 
ComboBox 
ConfirmButtonExtender 
DragPanelExtender 
DropDownExtender 
DropShadowExtender 
DynamicpopulateExtender 
FikteredTextBoxExtender 


团 回 口 回 团 日 圆 量 回 朋 医 志 语 名 守 只 庆 图 六 虽 加 加 地 


卢 曲 症 固 加 则 四 口上 同 口 外相 站 委 回 迄 生 四 因 半 国 回回 及 YE 6 


Gravatar 
HoverMenuExtender 
HtmlEditorExtender 
LineChart 
ListSearchExtender 
MaskedEditExtender 
MaskedEditValidator 
ModalpopupExtender 
MultiHandleSliderExtender 
MutuallyExclusiveCheckBoxExtender 
NoBot 
NumericUpDownExtender 
PagingBulletedListExtender 
PasswordStrength 

PieChart 
PopupControlExtender 
Rating 

Reorderlist 
ResizableControlExtender 
Seadragon 

SliderExtender 
TabContainer 
ToggleButtonExtender 
RoundedCornersExtender 
SlideShowExtender 
TextBoxWatermarkExtender 
Twitter 
UpdatePanelAnimationExtender 
ValidatorCalloutExtender 


图 9.5 AJAX Control Toolkit 系列 控件 
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9.2 ScritpManager 控件 的 使 用 


ScriptManager 控件 是 ASP. NET AJAX 中 非常 重要 的 一 个 控件 , 它 可 以 实现 网 页 的 局 
部 刷新 ,所 有 需要 支持 ASP. NET AJAX 的 ASP. NET 页 面 上 只 能 有 一 个 ScriptManager 
控件 。ScriptManager 控件 的 重要 属性 和 方法 如 表 9. 1 所 示 。 


表 9.1 ScriptManager 控件 的 常用 属性 和 方法 


属性 或 方法 


说 明 


AllowCustomErrorsRedirect 


该 属性 为 布尔 类 型 ,默认 值 为 true, 表 示 在 异步 更 新 发 生 异常 时 是 否 使 
用 Web. config 中 二 customErrors 二 节 中 的 设 定 。Web. config 的 
一 customErrors 二 节 中 可 以 指定 应 用 程序 级 别 的 错误 处 理 页 面 , 这 将 通 
过 重 定向 至 某 个 专门 显示 异常 的 页 面 来 实现 


AsyncPostBackErrorMessage 


该 属性 表示 了 异步 回 送 过 程 中 发 生 的 异常 将 显示 出 的 消息 ,可 以 在 
ScriptManager 的 声明 中 设置 这 个 属性 


AsyncPostBack Timeout 


异步 回 传 时 超时 限制 ,默认 值 为 90 ,单位 为 s 


EnablePartialRendering 


该 属性 可 以 使 页 面 的 某 些 控 件 或 某 个 区 域 实现 AJAX 类 型 的 异步 回 送 
和 局 部 更 新 功能 。 若 需要 启用 页 面 的 局 部 更 新 模式 , 则 应 该 将 
EnablePartialRendering 属性 设置 为 true, 保 持 默认 值 即 可 


ScriptMode 


指定 ScriptManager 发 送 到 客户 端的 脚本 的 模式 ,有 4 种 模式 : Auto， 
Inherit,Debug,Release, 默 认 值 为 Auto。 具 体 如 表 9. 2 所 示 


ScriptPath 


设置 所 有 的 脚本 块 的 根 目录 ,作为 全 局 属性 ,包括 自 定义 的 脚本 块 或 者 
引用 第 三 方 的 脚本 块 。 如 果 在 Scripts 中 的 二 asp:ScriptReference/ 二 标 
签 中 设置 了 Path 属性 , 它 将 覆盖 该 属性 


ResolveScriptReference 


属性 或 方法 


指定 ResolveScriptReference 事件 的 服务 器 端 处 理 函 数 ,在 该 函数 中 可 
以 修改 某 一 条 脚本 的 相关 信息 ,如 路 径 、 版 本 等 


表 9.2 ScriptMode 的 属性 值 
说 明 


Auto 


该 属性 值 用 于 根据 web. config 配置 中 的 retail 配置 节 的 值 来 决定 脚本 的 模式 。 如 果 retail 
配置 节 的 值 为 true, 则 把 发 布 模式 的 脚本 发 送 到 客户 端 , 反 之 则 发 送 调试 脚本 


Debug 该 属性 值 用 于 当 retail 配置 节 的 值 不 为 true 时 , 则 发 送 Debug 版 本 的 客户 端 脚本 


Release 该 属性 值 用 于 当 retail 配置 节 的 值 不 为 false 时 , 则 发 送 Release 版 本 的 客户 端 脚本 


JInherit 该 属性 值 意义 与 Auto 相同 


定义 ScriptManager 控件 的 方法 有 以 下 两 种 。 
第 一 种 方法 : 使 用 一 asp:ScriptManager/ 二 来 定义 一 个 ScriptManager, 简 单 的 ScriptManager 


定义 形式 如 下 。 


< asp:ScriptManager ID= "ScriptManagerl" runat= "server"> 
< AuthenticationService Path= "" /> 


< ProfileService LoadProperties="" Path="" /> 


< Scripts> 
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<asp:ScriptReference/> 

< /Scripts> 

< Services> 

< asp:ServiceReference /> 
< /Services> 

< /asp:ScriptManager> 
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第 二 种 方法 : 在 设计 页 面 中 展开 左 侧 工具 箱 中 的 AJAX Extensions 选项 卡 , 拖 动 
ScriptManager 控件 到 网 页 中 , 即 向 网 页 中 添加 该 控件 ,如 图 9. 6 所 示 。 


bp 标准 
bp 数 宕 
?验证 
b 导航 
"登录 
b Webparts 
2 AJAX Extensions 

NR 指针 
器 ScriptManager 
名 ScriptManeg ScriptManager 
加 Timer 版 本 4.0.0.0 ,来 自 Microsoft 
加 
加 


Updatepanel | .NET Component 
Updateprogress 


图 9.6 从 工具 箱 拖 动 ScriptManager 控件 到 网 页 中 


9.3 ” UpdatePanel 控件 的 使 用 


ASP. NET UpdatePanel 控件 可 用 于 生成 功能 丰富 、 以 客户 端 为 中 心 的 Web 应 用 程序 。 
通过 使 用 UpdatePanel 控件 ,可 以 在 回 发 期 间 刷 新 网 页 的 选 定 部 分 而 不 是 刷新 整个 网 页 。 
这 称 为 执行 部 分 页 更 新 ,包含 一 个 ScriptManager 控件 和 一 个 或 多 个 UpdatePanel 控件 的 
ASP. NET 网 页 ,不 需要 使 用 自 定义 客户 端 脚本 即 可 自动 参与 部 分 页 更 新 。 


9.3.1 UpdatePanel 控件 基础 
UpdatePanel 控件 的 重要 属性 如 表 9. 3 所 示 。 


表 9.3 UpdatePanel 控件 的 属性 


属性 或 方法 


ChildrenAsTriggers 会 引发 UpdatePanle 的 更 新 


当 UpdateMode 属性 为 Conditional 时 .UpdatePanel 中 的 子 控件 的 异步 回 送 是 否 


表示 UpdatePanel 最 终 呈现 的 HTML 元 素 。Block( 默 认 ) 表 示 二 div 二 ,Inline 表 


RenderMode 寺 a 
Triggers Triggers 是 设置 UpdatePanel 的 触发 事件 
表示 UpdatePanel 的 更 新 模式 ,有 两 个 选项 : Always 和 Conditional。Always 是 
不 管 有 没有 Trigger, 其 他 控件 都 将 更 新 该 UpdatePanel,Conditional 表示 只 有 当 
UpdateMode 前 UpdatePanel 的 Trigger, 或 ChildrenAsTriggers 属性 为 true 时 当前 


方法 才 会 引发 更 新 该 UpdatePanel 


UpdatePanel 中 控件 引发 的 异步 回 送 或 者 整 页 回 送 ,或 是 服务 器 端 调用 Update() 
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在 网 页 的 设计 页 面 中 展开 左 侧 的 工具 箱 , 拖 动 UpdatePanel 控件 到 网 页 中 ,可 以 向 网 页 


中 添加 UpdatePanel 控件 ,如 图 9.7 所 示 。 


工具 箱 ”x 
?标准 
”数据 
验证 
导航 
”登录 
Webparts 
4 AJAX Extensions 
人 指针 
四 ScriptManager 


| -Sci agerl 
aspupdatepanej#Updatefanedl| ~ 


好 ScriptManagerProxy 
加 Timer 
加 


Updatepanel 


图 9.7 从 工具 箱 拖 动 UpdatePanel 控件 到 网 页 中 


9.3.2 UpdatePanel 控件 应 用 


【 例 9.1】 使 用 UpdatePanel 内 部 的 控件 引起 的 回 发 ,来 更 新 当前 UpdatePanel 内 部 的 


控件 内 容 。 


步骤 1 在 网 页 的 设计 页 面 中 添加 一 个 ScriptManager、 一 个 UpdatePanel 控件 和 一 个 


Label 控件 。 


步骤 2 在 UpdatePanel 控件 中 添加 一 个 Button 控件 .一 个 Label 控件 。 
步 又 3 双击 Button 按钮 ,在 事件 处 理 程序 中 写 入 下 列 代码 : 


Label2.Text= DateTime.Now.ToString ()7 
步骤 4 在 Page_Load 事件 中 写 入 下 列 代 码 : 
Labell.Text= DateTime.Now.ToString (); 


步骤 5 运行 网 页 ,发 现 每 次 单 击 Button 按钮 都 会 产生 异步 局 部 刷新 ,只 有 Label2 控 


件 的 时 间 发 生 改 变 , 网 页 上 Labell 的 时 间 才 没有 发 生 改 变 。 
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网 页 的 设计 界面 代码 如 下 。 


< asp:ScriptManager ID= "ScriptManagerl" runat= "server" /> 
<asp:Label ID= "Tabell" runat= "server" Text= "Label" Width= "203px"> 
< /asp:Label> <br /> 
<br /> 
< asp:UpdatePanel ID= "UpdatePanell" runat= "server"> 
< ContentTenplate> 
< asp:Button ID= "Buttonl" runat= "server" Text= "提交 " onclicke= 
"Buttonl Click" /> 
<br 广 


<br /> 
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< asp:Label ID= "Tabel2" runat= "server" Text= "Tabel" Width= "202%px"> 


< /asp:Iabel> 
< /ContentTerplate> 
< /asp:UpdatePanel> 


网 页 的 设计 界面 如 图 9.8 
网 页 的 事件 代码 如 下 。 


Protected void Page Load (object sender,EventArgs e) 


{ 


[Em 


所 示 ScriptManager - ScriptManagerl 
不 。 
[Eapel 


Label 


图 9.8 例 9.1 的 设计 界面 


Labell.Text= DateTime.Now.ToString(); 


} 


Protected void Buttonl Click (cbject sender,EventArgs e) 


{ 


Iabel2.Text= DateTime.Now.ToString()7 


} 


注意 : 此 时 的 ScriptManager 的 EnablePartialRendering 属性 应 设 为 true。UpdatePanel 的 
UpdateMode 属性 应 设 为 Always。ChildAsTrigger 属性 应 设 为 true。 默 认 即 可 。 
UpdatePanel 的 工作 依赖 于 ScriptManager 服务 端 控件 和 客户 端 PageRequestManager 


类 (Sys. WebForms. PageRequest 


Manager) , 当 ScriptManager 中 允许 页 面 局 部 更 新 时 , 它 会 以 异 


步 的 方式 回 传 给 服务 器 。 与 传统 的 整 页 回 传 方式 不 同 的 是 ,只 有 包含 在 UpdatePanel 中 的 页 
面部 分 会 被 更 新 ,在 从 服务 端 返回 HTML 之 后 ,PageRequestManager 会 通过 操作 DOM 对 
象 来 蔡 换 需 要 更 新 的 代码 片段 。 

【 例 9.2】 使 用 UpdatePanel 控件 外 部 的 控件 引起 的 回 发 ,来 异步 更 新 UpdatePanel 控 


件 内 部 的 内 容 。 


虽然 例 9. 1 中 的 方法 能 够 很 简单 地 实现 异步 局 部 刷新 的 功能 ,但 就 性 能 方面 考虑 ,应 当 
只 将 数据 确实 会 发 生变 化 的 控件 放置 在 UpdatePanel 控件 中 ,这 就 可 能 会 出 现 引起 回 发 的 


UpdatePanel2 System.Web.ULUpdatepa ~ 

器 | 和 || 加 | | 国 

日 行为 医 
ChildrenAsTrigger True 


A collection of triggers that can cause the 
Updatepanel to be updated. 


图 9.9 UpdatePanel2 的 属性 页 


的 事件 ,如 图 9. 11 所 示 。 
网 页 设计 界面 的 代码 如 下 。 


控件 不 在 UpdatePanel 控件 内 的 情况 。 

如 果 页 面 上 有 多 个 UpdatePanel 控件 ,要 实现 外 部 控件 
的 回 发 引发 指定 UpdatePanel 控件 的 更 新 , 那 应 当 为 要 实现 
刷新 的 UpdatePanel 控件 建立 一 个 触发 器 。 

步骤 1 选中 要 进行 局 部 更 新 的 UpdatePanel 控件 。 

步骤 2 在 其 属性 页 中 单 击 Triggers 集合 属性 右边 的 
小 按钮 ,如 图 9. 9 所 示 。 

步骤 3 在 弹出 的 对 话 框 中 的 成 员 列 表 中 添加 一 个 
AsyncPostBackTriggers 成 员 , 如 图 9. 10 所 示 。 

步骤 4 指定 AsyncPostBackTriggers 成 员 的 ControlID 
和 EventName, 即 指定 引发 异步 回 送 的 控件 的 ID 和 该 控件 
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SQL Server 2008) 


EventName 
The event that the trigger will hook up to 
determine whether to refresh the Update... 


Cw ] 


图 9.11 UpdatePanel2 的 UpdatePanelTrigger 集合 编辑 器 


<div> 

< asp:ScriptManager ID= "ScriptManagerl" runat= "server"> 

< /asp:ScriptManager> 

<asp:BItton ID= "Bittanl" mnat= "server" Rt= 趾 交 " anclide "Bittonl Clige" /> 
< /div> 
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< asp:Updatepanel ID- "Updatepanell" nnat— "server" UpdateMbde= "Conditicnal"> 
< ContentTerplate> 
< asp:Label ID= "Tabell" runat= "server" Text= "Label"> < /asp:Label> 
< /contentTemplate> 
< /asp:UpdatePanel> 
< asp:Updatepanel ID= "Updatepanel2" nnat— "server" UpdateMbde= "Conditicnalw> 


< ContentTerplate> 
< asp:Label ID= "Iabel2" runat= "server" Text= "Label"> < /asp:Label> 
< /ContentTerplate> 
< Triggers> 
<asp:RsyncPostBackIrigger ControlID= "Buttonl" EventNare= "Click" /> 
< /Triggers> 
< /asp:UpdatePanel> 
< asp:UpdatePanel ID= "UpdatePanel3" nnat= "server" UpdateMde= "Conditicnal"> 
< ContentTenrplate> 
< asp:Label ID= "Label3" runat= "server" Text= "Iabel"> < /asp:Label> 
< /ContentTerplate> 
A ScriptManager - scriptManagerl 
网 页 的 设计 界面 如 图 9. 12 所 示 。 
网 页 的 事件 代码 如 下 。 tt 
Protected void Buttonl Click(cbject sengder, 是 
Eventargs e) UpdatePanel - Updatepanel2 


{ Eabel 


Labell.Text= DateTime.Now.ToString (); 
Iabel2.Text= DateTime.Now.ToString () 7 
Label3.Text= DateTime.Now.ToString ()7 


WpdatePanel - Updatepanel3 
Eabel 


} 


可 以 看 到 ,虽然 在 代码 中 Button 按钮 也 想 对 Labell 
控件 和 Label3 控件 的 内 容 做 更 改 , 但 实际 上 ,Button 按钮 只 对 UpdatePanel2 控件 中 的 
Label2 控件 起 作用 。 

使 用 UpdatePanel 的 时 候 一 个 页 面 上 可 以 用 多 个 UpdatePanel, 所 以 可 以 为 不 同 的 需 
要 局 部 更 新 的 页 面 区 域 加 上 不 同 的 UpdatePanel。 由 于 UpdatePanel 默认 的 UpdateMode 
是 Always, 如 果 页 面 上 有 一 个 局 部 更 新 被 触发 , 则 所 有 的 UpdatePanel 都 将 更 新 ,这 是 我 们 
不 愿 看 到 的 ,所 以 应 注意 : 把 所 有 的 UpdatePanel 控件 的 UpdateMode 设 为 Conditional, 这 
样 才能 够 针对 建 有 相关 触发 器 的 UpdatePanel 控件 更 新 。 一 个 UpdatePanel 控件 上 可 以 建 
有 多 个 触发 器 ,实现 在 不 同 的 情况 下 对 该 UpdatePanel 控件 内 容 的 更 新 。 

【 例 9.3】〗 ScriptManager 控件 中 利用 RegisterAsyncPostBackControl 方法 实现 网 页 
页 面 的 局 部 更 新 。 

在 网 页 中 添加 一 个 UpdatePanel 控件 ,并 在 其 中 添加 一 个 Label 控件 ,在 UpdatePane 
控件 外 部 添加 一 个 Button 控件 .代码 如 下 。 


图 9.12 例 9.2 的 设计 界面 
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<div> 
< asp:ScriptManager ID= "ScriptManagerl" runat— "server"> 
< /asp:ScriptManager> 
STibsp; 
< asp:Button ID= "Buttonl" runat= "server" OnClick= "Buttonl Click" Text= 


"Button" /> 
< asp:UpdatePanel ID= "UpdatePanell" runat— "server" UpdateMpde= "Conditicnal"> 
< ContentTenplate> 
< asp:Label ID= "Labell" runat= "server" Text= "Iabel" Width= "271px"> 
< /asp:Label> 
芝 
/ContentTerplate> EcriptManager - ScriptManagerl 
< /asp:UpdatePanel> Ed] 
i 田 
</div> UpdatePanel - UpdatePanell 


Eabel 


网 页 的 设计 页 面 如 图 9. 13 所 示 。 

在 Form _Load 方法 中 调用 ScriptManager 控件 的 
RegisterAsyncPostBackControl 方法 将 Buttonl 控件 注册 为 图 9.13 例 9.3 的 设计 界面 
异步 提交 控件 ,代码 如 下 。 

Protected void Page Load (abject sender,EventArgs e) 

{ 


ScriptManagerl .RegisterAsyncPostBackControl (Buttonl); 
} 
protected void Buttonl Click (cbject sender, EventArgs e) 
{ 
Labell.Text= DateTime.Now.ToString (); 


Updatepanel1.Update 0; 
} 

注意 : 要 设置 UpdatePanel 控件 的 UpdateMode 属性 为 Conditional。 

UpdatePanel 还 可 以 骨 套 使 用 , 即 在 一 个 UpdatePanel 的 ContentTemplate 中 还 可 以 放 
和信 另 一 个 UpdatePanel。 当 最 外 面 的 UpdatePanel 被 触发 更 新 时 , 它 里 面 的 子 UpdatePanel 
也 随 着 更 新 ,里 面 的 UpdatePanel 触发 更 新 时 ,只 更 新 它 自 己 ,而 不 会 更 新 外 层 的 
UpdatePanel 。 


9.4 UpdateProgress 控件 的 使 用 


9.4.1 UpdateProgress 控件 基础 


UpdateProgress 控件 提供 有 关 UpdatePanel 控件 中 的 部 分 页 更 新 的 状态 信息 ,可 以 自 
定义 UpdateProgress 控件 的 默认 内 容 和 布局 。 它 并 不 指示 进度 ,而 是 提供 一 条 等 待 信息 让 
用 户 知道 页 面 还 在 工作 ,最 后 的 请 求 还 在 继续 处 理 中 。 添 加 UpdateProgress 控件 后 ,就 能 
够 指定 异步 请 求 开 始 后 显示 某 些 内 容 , 而 这 些 内 容 在 异步 请 求 结束 时 又 将 自动 消失 。 这 些 
内 容 可 以 包括 固定 的 消息 或 图 片 。 
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UpdateProgress 控件 的 重要 属性 如 表 9.4 所 示 。 
表 9.4 UpdateProgress 控件 的 常用 属性 


属 性 说 明 
该 属性 为 布尔 类 型 ,默认 值 为 true, 用 来 设置 UpdateProgress 控件 的 显示 方 
DynamicLayout 式 。 为 true 表示 当 UpdateProgress 控件 不 显示 的 时 候 不 占用 空间 ,为 false 


表示 UpdateProgress 控件 不 显示 的 时 候 仍 然 占用 空间 
AssociateUpdatePanelID | 设置 哪个 UpdatePanel 内 的 控件 产生 的 回 送 会 显示 UpdateProgress 的 内 容 


DisplayAfter 当 引 发 回 送 后 多 少 毫秒 会 显示 UpdateProgress 控件 的 内 容 


在 网 页 的 设计 页 面 中 展开 左 侧 的 工具 箱 , 拖 动 UpdateProgress 控件 到 网 页 中 ,可 以 向 
网 页 中 添加 UpdateProgress 控件 ,如 图 9. 14 所 示 。 


ScriptManager - ScriptManagerl 
吏 

?验证 -aspzupdateprogressupdateprogressll _ 
?导航 六 
?登录 
》Webparts 
4 AJAX Extensions 

N 指针 

加 ScriptManager 

名 ScriptManagerProxy 

仿 Timer 

国 ”UpdatePanel 

回 UpdateProgress 


图 9.14 从 工具 箱 拖 动 UpdateProgress 控件 到 网 页 中 


9.4.2 UpdateProgress 控件 应 用 


【 例 9.4】 使 用 单个 UpdateProgress 控件 的 方法 。 

在 网 页 中 添加 一 个 ScriptManager 控件 ,一 个 UpdatePanel 控件 ,然后 在 该 
UpdatePanel 控件 中 添加 一 个 Label 控件 和 一 个 Button 控件 ,最 后 在 网 页 上 再 添加 一 个 
UpdateProgress 控件 ,并 在 其 中 输入 文字 “正在 处 理 , 稍 候 ..….. es 

网 页 的 设计 界面 如 图 9. 15 所 示 。 

运行 该 页 面 ,界面 如 图 9. 16 所 示 。 单 击 “ 提 交 ” 按 钮 ,在 网 页 上 会 显示 “正在 处 理 , 稍 
候 ..。 ”的 文字 ,如 图 9. 17 所 示 。5s 后 ,UpdateProgress 控件 中 提示 等 候 的 信息 将 消失 ,在 
Label 控件 中 显示 当前 的 时 间 ,运行 结果 如 图 9. 18 所 示 。 


ScriptManager - ScriptManagerl 
提交 上 始 页 SNE http://localhost1245/upgross.aspx 


正在 处 理 ， 请 稍 后 …… 提交 | 初始 页 
图 9.15 例 9.4 的 设计 界面 图 9.16 运行 初始 页 面 
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了 sy . 
ee DE 
提亲 中 初始 页 Ee a 
正在 处 理 稍 候 .…..…. 提交 | 当前 时 间 是 2015/7/3 15:04:21 
图 9.17 局 部 刷新 时 UpdateProgress 控件 图 9.18 刷新 结束 后 UpdateProgress 控件 的 
显示 等 候 信息 提示 信息 消失 


【 例 9.5】 使 用 多 个 UpdateProgress 控件 的 方法 。 

通常 不 需要 把 UpdateProgress 控件 显 式 关联 到 UpdatePanel 控件 。 无 论 哪 一 
UpdatePanel 开始 回调 ,UpdateProgress 都 会 自动 显示 它 的 ProgressTemplate。 不 过 ,如 果 
页 面 很 复杂 且 具 有 多 个 UpdatePanel, 可 以 选择 让 UpdateProgress 只 关注 其 中 某 一 

么 做 只 需 把 UpdateProgress. AssociatedUpdatePanelID 的 属性 设 为 相应 的 UpdatePanel 

的 ID 即 可 。 甚 至 可 以 为 同一 页 面 添加 多 个 UpdateProgress 控件 ,然后 分 别 关 联 到 不 同 的 
UpdatePanel。 

首先 在 网 页 中 添加 一 个 ScriptManager 控件 ,然后 添加 两 个 UpdatePanel 控件 ,分 别 在 
两 个 UpdatePanel 控件 中 添加 一 个 Label 控件 和 一 个 Button 控件 。 将 两 个 UpdatePanel 控 
件 的 UpdateMode 属性 都 设置 为 Conditional 。 

在 网 页 中 添加 两 个 UpdateProgress 控件 ,在 第 一 个 | ScriptManager -ScriptManegerl 
UpdateProgress 控件 中 添加 文字 说 明 “ 正 在 处 理 | 韦 初始 页  T 一 RE 


en eres 请 稍 候 : 

请 稍 候 …… » 一 个 2 

UpdatePanell ,请 稍 候 ,在 第 二 个 UpdateProgress 控 正 生 站 人 请 稍 候 -- 
件 中 添加 文字 说 明 * 正 在 处 理 UpdatePanel2, 请 稍 

候 …… 2 图 9.19 例 9.5 的 设计 界面 


网 页 的 设计 页 面 如 图 9. 19 所 示 。 
两 个 Button 按钮 的 程序 与 例 9.4 相似 ,代码 如 下 。 


protected void Buttonl Click (object sender,EventArgs e) 
{ 
Iabel1.Text= DateTime.Now.ToString ()7 
System.Threading.Thread.Sleep (5000); 
Protected void Button2_ Click (object sender,EventArgs e) 
{ 
Label?.Text= DateTime.Now.ToString ()7 
System.Threading.Thread.Sleep (5000)7 


运行 工程 , 单 击 “提交 1 按钮 ,可 以 看 到 UpdatePanell 控件 都 会 显示 对 应 的 
UpdateProgress 控件 设 定 的 文字 说 明 ,如 图 9. 20 所 示 。 

相同 地 , 单 击 “提交 2” 按钮 ,可 以 看 到 UpdatePanel2 控件 都 会 显示 对 应 的 
UpdateProgress 控件 设 定 的 文字 说 明 , 如 图 9. 21 所 示 。 
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SAINosE TTI Oss apr 


pr 
3 
RD weetosrssperess sp 


a 1 请 稍 候 [这 1 | 当前 时 间 是 ， 2015/7/3 14:59:20 
提交 2 | 初始 页 | 夫 交 2 | 初始 页 
处 理 Updatepanel2， 请 稍 候 
图 9.20 例 9.5 的 运行 界面 图 9.21 例 9.5 的 运行 界面 


9.5 ”Timer 控件 的 使 用 


ASP. NET AJAX Timer 控件 可 按照 定义 的 间隔 执行 回 发 。 如 果 将 Timer 控件 和 
UpdatePanel 控件 结合 在 一 起 使 用 ,可 以 按照 定义 的 间隔 启用 部 分 页 更 新 ,还 可 以 使 用 
Timer 控件 来 发 布 整 个 网 页 。 如 果 要 执行 以 下 操作 ,可 使 用 Timer 控件 :定期 更 新 一 个 或 多 
个 UpdatePanel 控件 的 内 容 而 不 刷新 整个 网 页 ;每 次 Timer 控件 导致 回 发 时 在 服务 器 上 运 
行 代码 ;按照 定义 的 间隔 将 整个 网 页 同步 发 布 到 Web 服务 器 。 使 用 Timer 控件 时 ,网 页 中 
必须 包括 ScriptManager 控件 。 

当 Timer 控件 启动 回 发 时 ,Timer 控件 会 在 服务 器 上 引发 Tick 事件 ,要 为 Tick 事件 创 
建 一 个 事件 处 理 程序 ,以 便 将 网 页 发 布 到 服务 器 时 执行 操作 。 

Timer 控件 的 重要 属性 如 表 9. 5 所 示 。 


表 9.5 Timer 控件 的 常用 属性 
属 性 说 明 


Interval Timer 控件 引发 Tick 事件 的 时 间 间 隔 ,单位 为 ms 


【 例 9.6】 使 用 Timer 控件 的 方法 。 
首先 在 网 页 中 添加 一 个 ScriptManager 控件 ,然后 添加 一 个 Label 控件 ,再 添加 一 个 
UpdatePanel 控件 ,在 UpdatePanel 控件 中 添加 一 个 Label 控件 ,一 个 Timer 控件 ,并 将 
Timer 控件 的 Interval 属性 设置 为 1000(1s)。 网 页 的 设计 界面 如 图 9. 22 所 示 。 
加 载 Web 窗 体 时 ,向 Labell 控件 中 赋值 当前 的 系统 时 间 , 代 码 如 下 。 
Protected void Page Load (object sender,EventArgs e) 
{ 
Iabell.Text= "页面 载 人 时 间 : " + DateTime.Now.ToString(); 
} 


Timer 控件 的 代码 如 下 。 


protected void Timerl Tick (object sengder,EventArgs e) 
{ 
Label2.Text=" 当 前 时 间 是 : " + DateTime.Now.ToString(); 
} 


运行 工程 ,结果 如 图 9. 23 所 示 。 
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ScriptManager - ScriptManagerl 


钨 http://localhost1245/WebForm2.aspx 


面 载 入 时 间 是 ，2015/7/3 15:16:06 
前 时 间 是 ，2015/7/3 15:16:21 


页 
当 


图 9.22 例 9.6 的 设计 界面 图 9.23 例 9.6 的 运行 界面 


如 果 不 同 的 UpdatePanel 控件 必须 在 不 同 的 时 间 间 隔 更 新 , 则 可 以 在 网 页 上 加 入 多 个 
Timer 控件 。 此 外 ,Timer 控件 的 单个 实例 可 以 是 某 网 页 中 多 个 UpdatePanel 控件 的 触发 
器 ,必须 将 Timer 控件 显 式 定义 为 要 更 新 的 UpdatePanel 控件 的 触发 器 。 


实践 与 练习 
练习 : 局 部 刷新 UpdatePanel 控件 
(1) 在 Microsoft Visual Studio 2010 中 ,新建 ASP. NET Web 应 用 程序 ,然后 切换 到 


“设计 ”视图 。 

(2) 在 “工具 箱 ” 任 务 窗 格 中 ,AJAX Extensions 选项 卡 下 ,双击 ScriptManager 控件 添 
加 到 该 网 页 中 。 

(3) 在 “工具 箱 ” 任 务 窗 格 中 ,AJAX Extensions 选项 卡 下 ,双击 UpdatePanel 控件 两 
次 ,将 两 个 UpdatePanel 控件 添加 到 该 网 页 中 。 

(4) 选中 网 页 中 的 一 个 UpdatePanel 控件 ,在 “属性 ”面板 中 ,将 UpdateMode 属性 设置 
为 Conditonal ,对 另 一 个 UpdatePanel 控件 重复 此 步骤 。 

(5) 在 “工具 箱 ” 任 务 窗 格 中 光标 准 ? 选 项 卡 下 ,将 Label 控件 拖 到 “设计 ”视图 中 的 一 个 
UpdatePanel 控件 中 。 

(6) 选中 刚才 的 Label 控件 ,在 “属性 ”面板 中 ,将 Text 属性 设置 为 "Panel Created”。 

(7) 在 “工具 箱 ” 任 务 窗 格 中 ,在 “标准 ”选项 卡 下 ,将 Button 控件 拖 到 包含 Label 控件 的 
同一 个 UpdatePanel 控件 中 。 选 中 该 按钮 ,在 “属性 ”面板 中 ,将 Text 属性 设置 为 Refresh 
Panel 。 


为 Button 控件 添加 以 下 代码 。 


Protected void Buttonl Click (object sender,EventArgs e) 
{ 


Labell.Text= "Panel refreshed at " + DateTime.Now.ToString(); 
} 


(8) 在 “工具 箱 " 任 务 窗 格 中 ,在 “标准 ”选项 卡 下 ,将 Calendar 控件 拖 到 “设计 ”视图 中 的 
另 一 个 UpdatePanel 控件 中 。 

(9) 按 F12 键 在 Web 浏览 器 中 运行 该 网 页 , 单 击 按钮 。 

结论 : 面板 中 的 文本 将 更 改 , 以 显示 该 面板 的 内 容 上 次 刷新 的 时 间 。 在 日 历 中 , 移 到 其 
他 月 份 , 另 一 个 面板 中 的 时 间 不 会 更 改 , 这 两 个 面板 的 内 容 会 单独 更 新 。 
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第 10 章 LINQ 技术 


本 章 学 习 目 标 
。 了 解 LINQ 技术 。 
。 了解 LINQ 操作 数据 库 。 


语言 集成 查询 (LINQ) 是 微软 公司 提供 的 一 种 统一 数据 查询 模式 ,并 与 . NET 开发 语 
言 进行 高 度 的 集成 ,在 很 大 程度 上 简化 了 数据 查询 的 编码 和 调试 工作 ,提高 了 数据 处 
理 的 性 能 。LINQ 引入 了 标准 的 .易于 学 习 的 查询 和 更 新 数据 模式 ,可 以 对 其 进行 扩展 以 
支持 几乎 任何 类 型 的 数据 存储 。Visual Studio 2010 包含 LINQ 提供 程序 的 程序 集 , 这 些 
程序 集 支 持 将 LINQ 与 . NET Framework、SQL Server 数据 库 .ADO. NET 数据 集 一 起 
使 用 。 


10.1 LINQ 技 术 


以 前 对 数据 的 查询 都 是 简单 的 字符 串 表 示 ,而 没有 编译 时 的 类 型 检查 或 IntelliSense 支 
持 。 此 外 ,程序 员 还 必须 针对 以 下 各 种 数据 源 学 习 不 同 的 查询 语言 : SQL 数据 库 、XML 文 
档 , 以 及 各 种 Web 服务 。 微 软 推 出 了 语言 集成 查询 。 

LINQ 是 Language Integrated Query 的 简称 , 它 是 集成 在 . NET 编程 语言 中 的 一 种 特 
性 ,已 成 为 编程 语言 的 一 个 组 成 部 分 。 由 于 LINQ 的 出 现 , 程 序 员 可 以 使 用 关键 字 和 运算 符 
实现 针对 强 类 型 化 对 象 集 的 查询 操作 。 在 编写 查询 过 程 时 ,程序 员 可 以 得 到 很 好 的 编译 时 
语法 检查 .丰富 的 元 数据 智能 感知 .静态 类 型 等 强 语言 的 好 处 ,同时 它 还 可 以 方便 地 对 内 存 
中 的 信息 进行 查询 而 不 只 是 外 部 数据 源 。 

LINQ 是 一 系列 技术 ,包括 LINQ、DLINQ、XLINQ 等 。 其 中 ,LINQ to 对 象 是 对 内 存 
进行 操作 ,LINQ to SQL 是 对 数据 库 的 操作 ,LINQ to XML 是 对 XML 数据 进行 操作 。 
图 10. 1 描述 了 LINGQ 技术 的 体系 结构 。 

LINQ 技术 采用 类 似 于 SQL 语句 的 句法 , 它 的 句法 结构 是 以 from 开始 ,结束 于 select 
或 group 子 句 。 开 头 的 from 子 句 可 以 跟随 0 个 或 者 更 多 个 from 或 where 子 句 。 每 个 
from 子 句 都 是 一 个 产生 器 , 它 引 入 了 一 个 迭代 变量 在 序列 上 搜索 ;每 个 where 子 句 是 一 个 
过 滤器 , 它 从 结果 中 排除 一 些 项 。 最 后 的 select 或 group 子 句 指定 了 依据 迭代 变量 得 出 的 
结果 的 外 形 。select 子 句 可 以 通过 把 一 条 查询 语句 的 结果 作为 产生 器 搬 进 子 序 列 查询 中 的 
方式 来 拼接 查询 。 
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图 10.1 LINQ 体 系 结构 


10.2 LINQ 查询 


本 节 介 绍 如 何在 C# 4.0 中 使 用 查询 操作 。 为 了 简便 ,这 里 使 用 的 例子 都 是 控制 台 
序 。 在 介绍 如 何在 C# 中 使 用 LINQ 之 前 ,首先 引入 “查询 ”的 概念 。“ 查 询 ” -是 一 组 指令 ， 这 
些 指令 描述 如 何 从 一 个 或 多 个 给 定数 据 源 检索 数据 ,以 及 返回 的 数据 应 该 使 用 的 格式 和 组 
织 形 式 。 

1. LINQ 的 查询 操作 

(1) 获得 数据 源 。 

(2) 创建 查询 。 

(3) 执行 查询 。 

通常 ,数据 源 会 在 逻辑 上 组 织 为 相同 种 类 的 元 素 序列 。 例 如 ,SQL 数据 库 表 包含 一 

序列 ,ADO. NET DataTable 包含 一 个 DataRow 对 象 序列 。 在 XML 文件 中 ,有 一 
XML 元 素 序列 ( 不 过 这 些 元 素 按 分 层 形式 组 织 为 树 结构 )。 内 存 中 的 集合 包含 一 个 对 象 
序列 。 

在 LINQ 中 ,查询 的 执行 与 查询 本 身 截然 不 同 ,如 果 只 是 创建 查询 变量 ,那么 不 会 检索 
出 任何 数据 。 图 10. 2 展示 了 完整 的 查询 操作 。 

2. 查询 的 方法 

(1) 延迟 执行 : 在 定义 完 查 询 变 量 后 ,实际 的 查询 执行 会 延迟 到 在 foreach 语句 中 循环 
访问 查询 变量 时 发 生 。 

(2) 强制 立即 执行 : 对 一 系列 源 元 素 执行 聚合 函数 的 查询 必须 首先 循环 访问 这 些 元 
素 。Count、Max、Average 和 First 就 属于 此 类 型 查询 。 这 些 查询 返回 单个 值 。 
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执行 查询 


Foreach(var item in) 


} 


图 10.2 查询 操作 


3. LINQ 查询 常用 子 句 

LINQ 最 明显 的 “语言 集成 ?部 分 是 查询 表达 式 。 查 询 表 达 式 使 用 引入 的 声明 性 查询 语 
法 编写 。 通 过 使 用 查询 语法 ,开发 人 员 可 以 使 用 最 少 的 代码 对 数据 源 执 行 复杂 的 筛选 .排序 
和 分 组 操作 ,也 可 以 查询 和 转换 SQL 数据 库 .ADO. NET 数据 集 、XML 文档 和 流 以 及 
.NET 集合 中 的 数据 。 

查询 表达 式 是 用 查询 语法 表示 的 查询 , 它 是 一 流 的 语言 构造 。 它 就 像 任何 其 他 表达 式 
一 样 ,可 以 用 在 C# 表 达 式 有 效 的 任何 上 下 文中 。 查 询 表 达 式 由 一 组 子 句 组 成 ,这 些 子 句 使 
用 类 似 于 SQL 或 XQuery 的 声明 性 语法 编写 ,每 个 子 句 又 包含 一 个 或 多 个 C# 表达 式 , 而 
这 些 表达 式 本 身 有 可 能 是 查询 表达 式 或 包含 查询 表达 式 。 

查询 表达 式 必 须 以 from 子 句 开头 ,并 且 必 须 以 select 或 group 子 句 结尾 。 在 第 一 个 
from 子 句 和 最 后 一 个 select 或 group 子 句 之 间 ,查询 表达 式 可 以 包含 一 个 或 多 个 下 列 可 选 
句子 : where .orderby join 及 let, 甚 至 可 以 包括 附加 的 from 子 句 。 还 可 以 使 用 into 关键 字 
使 join 或 group 子 句 的 结果 能 够 充当 同一 查询 表达 式 中 附加 查询 子 句 的 源 。 

1) from 子 名 

查询 表达 式 必 须 以 from 子 句 开 头 。 它 同时 指定 了 数据 源 和 范围 变量 。 在 对 源 序列 进 
行 遍历 的 过 程 中 ,范围 变量 表示 源 序列 中 的 每 个 后 续 元 素 。 将 根据 数据 源 中 元 素 的 类 型 对 
范围 变量 进行 强 类 型 化 。 

2) select 子 句 

使 用 select 子 句 可 产生 所 有 其 他 类 型 的 序列 。 简 单 的 select 子 句 只 是 产生 与 数据 源 中 


357| 一 


-rr |358 


《ASP.NET 动态 网 站 设计 教程 (第 2 版 ) 一 一 基于 C#+SQL Server 2008》 


包含 的 对 象 具有 相同 类 型 的 对 象 的 序列 。 例 如 下 面 的 代码 : 


IEnumerable< Country> sortedpuery- /定义 查询 变量 
form country in countries /定义 数据 源 ,该 查询 的 数据 源 包含 country 对 象 
orderby country.Area //orderby 子 句 将 元 素 重 新 排序 
select country; //select 子 句 产生 重新 排序 的 country 对 象 的 序列 


3) group 子 句 

使 用 group 子 句 可 产生 按照 指定 的 键 进行 分 组 的 序列 。 键 可 以 采用 任何 数据 类 型 。 
例如 ,可 以 指定 结果 按 City 分 组 ,以 便 使 位 于 不 同 City 所 有 客户 位 于 各 自 的 组 中 ,代码 
如 下 。 


Var queryCustarersByCity= 

fom cust in custcomers 

group cust by cust.City; // 使 用 city 对 查询 结果 进行 分 组 
foreach (var custamerGroup in queryCustomersByCity) // 遍 查询 结果 
{ 

Console.WriteLine (customerGroup.Key); 

foreach (Custcmer custamer in custamerGroup) 

{ 

Console.WriteLine(” {0}",customer.Name); 

} 

} 


在 使 用 group 子 句 结束 查询 时 ,结果 保存 在 嵌 套 的 列表 中 。 列 表 中 的 每 一 个 元 素 是 一 
个 列表 ,该 子 列表 中 包含 根据 Key 键 划分 的 每 个 小 组 的 对 象 。 在 循环 访问 生成 组 序列 的 查 
询 时 ,必须 使 用 嵌 套 的 foreach 循环 。 外 部 循环 用 于 循环 访问 每 个 组 ,内 部 循环 用 于 循环 访 
问 每 个 组 的 成 员 。 

如 果 必 须 引 用 组 操作 的 结果 ,可 以 使 用 into 关键 字 来 创建 可 进一步 查询 的 标识 符 。 下 
面 的 查询 只 返回 那些 包含 两 个 以 上 的 客户 组 。 


var custQuery= 
fraom cust in custamers 
group cust by cust.City into custGroup //into 关 键 字 表示 把 group 分 组 的 结果 保 
// 存 在 custGromp 中 
where custGroup.Count ()>2 // 设 置 查询 的 条 件 为 返回 客户 多 于 2 的 分 组 
orderby custGroup.Key 
select custGroup; 


4) where 子 句 

where 子 句 是 查询 的 筛选 器 ,最 常用 的 查询 操作 是 应 用 布尔 表达 式 形式 的 筛选 器 。 此 
筛选 器 使 查询 只 返回 那些 表达 式 结 果 为 true 的 元 素 。 实 际 上 ,筛选 器 指定 从 源 序 列 中 排除 
哪些 元 素 。 在 下 面 的 示例 中 ,只 返回 那些 地 址 位 于 伦敦 的 customers: 


Var queryLondonCustcmers 一 
fom cust in customers 
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where cust.City=="Tondon"” // 设 置 查 询 的 条 件 为 客户 的 地 址 是 否 在 伦敦 ,通过 where 
// 子 句 ,排除 客户 地 址 不 在 伦敦 的 客户 。 
select cust; 
如 果 要 使 用 多 个 筛选 条 件 ,需要 使 用 逻辑 运算 符号 ,如 &&、| 等 。 例 如, 下面 的 代码 
只 返回 位 于 “伦敦 ? 且 姓 名 为 "Devon” 的 客户 。 
Where cust.City== "Tondon"gscust..Name== "Devon" 
5) orderby 子 句 
使 用 orderby 子 句 可 以 很 方便 地 对 返回 的 数据 进行 排序 。orderby 子 句 对 返回 的 序列 
中 的 元 素 ,根据 指定 的 排序 类 型 ,使 用 默认 比较 器 进行 排序 。 例 如 ,下 面 查询 返回 的 结果 为 
按 Name 属性 进行 排序 的 序列 。 


var queryLondonCustcmers3- // 使 用 orderby 进行 排序 
fram cust in customers 
where cust.City== "Tondon" 
orderby cust .Name ascending 
Select cust; 
Customer 类 型 的 Name 属性 是 一 个 字符 串 ,所 以 默认 比较 器 执行 从 A 一 Z 的 字母 排 
序 。 此 外 ,ascending 表示 按 递增 的 顺序 进行 排序 ,为 默认 方式 ;descending 表示 逆序 排序 ， 
若 要 把 筛选 的 数据 进行 逆序 排列 , 则 必须 在 查询 语句 中 加 上 该 修饰 符 。 
6) 连接 
连接 运算 创建 数据 源 中 没有 显 式 建 模 的 序列 之 间 的 关联 。 例 如 ,可 以 执行 连接 来 查询 
符合 以 下 条 件 的 所 有 客户 : 位 于 巴黎 , 且 从 位 于 伦敦 的 供应 商 处 订购 产品 。 在 LINQ 中 ， 
join 子 句 始终 针对 对 象 集合 而 非 直 接 针 对 数据 库 表 。 在 LINQ 中 不 必 像 在 SQL 中 那样 频 
繁 使 用 join ,因为 LINQ 中 的 外 键 在 对 象 模型 中 表示 为 包含 项 集合 的 属性 。 例 如 ,Customer 
对 象 包含 Order 对 象 的 集合 ,不 必 执 行 连接 ,只 需 使 用 点 表示 法 访问 订单 : 
from order in custamer.Orders... 
7) 投影 
select 子 句 生成 查询 结果 并 指定 每 个 返回 的 元 素 的 类 型 。 例 如 ,可 以 指定 结果 包含 整 
个 Customer 对 象 \, 仅 一 个 成 员 、 成 员 的 子 集 ,还 是 某 个 基于 计算 或 新 对 象 创建 的 完全 不 同 
的 类 型 。 当 select 子 句 生成 源 元 素 副 本 以 外 的 内 容 时 ,该 操作 称 为 “投影 ”。 使 用 投影 转换 
数据 是 LINQ 查询 表达 式 的 一 种 强大 功能 。 


10.3 使 用 LINQ 操作 数据 库 


10.3.1 LINQ to SQL 
LINQ to SQL 提供 运行 时 基础 结构 ,用 于 将 关系 数据 库 作 为 对 象 管理 ,LINQ to 实体 


则 通过 实体 数据 库 模 型 ,把 关系 数据 在 . NET 环境 中 公开 为 对 象 ,这 使 得 对 象 层 成 为 实现 
LINQ 支持 的 理想 目标 。 
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在 LINQ to SQL 中 ,关系 数据 库 的 数据 模型 映射 为 编程 语言 表示 的 对 象 模型 。 当 应 用 
程序 执行 时 ,LINQ to SQL 会 将 对 象 模型 中 的 语言 集成 查询 转换 为 SQL, 然 后 将 它们 发 送 
到 数据 库 进 行 执行 。 当 数据 库 返 回 结果 时 ,LINQ to SQL 会 将 它们 再 次 转换 为 编程 语言 
理 的 对 象 。 

通过 使 用 LINQ to SQL, 可 以 像 访 问 内 存 中 的 集合 一 样 访问 SQL 数据 库 。 例 如 ,下 面 
的 代码 使 用 LINQ 进行 数据 库 查询 操作 。 


BookSanple bookSanple= new BookSanple (@"BookStore.mdf"); ”// 创 建 booksample 对 象 表示 Bookstore 数 据 库 


Var bookRuery- 
from book in bookSarple.Book // 将 Book 表 作为 目标 
where book. 作 者 ==" 张 三 " // 第 选 出 作者 为 张 三 " 的 Book 记 录 
select book. 名 称 ; // 执 行 投影 操作 ,返回 一 个 表示 作品 名 称 的 
字符 串 


foreach (var book in bookQuery) 

| 
Response .Write (book); 

} 

使 用 LINQ to SQL 可 以 完成 几乎 所 有 使 用 T-SQL 可 以 执行 的 功能 ,LINQ to SQL 可 
以 完成 的 常用 功能 包括 选择 、 插 入 、 更 新 和 删除 。 

以 上 4 大 功能 包含 数据 库 应 用 程序 的 所 有 功能 ,LINQ to SQL 全 部 能 够 实现 。 因 此 在 
掌握 了 LINQ 技术 后 就 不 需要 再 针对 特殊 的 数据 库 学 习 特别 的 SQL 语法 了 (不 同 的 数据 库 
SQL 语法 有 很 多 的 不 同 , 正 是 基于 这 一 点 才 导 致 了 LINQ 技术 的 出 现 ) 。 

LINQ to SQL 的 使 用 主要 可 以 分 为 以 下 两 大 步骤 。 

第 一 个 步骤 是 创建 对 象 模 型 。 要 实现 LINQ to SQL ,首先 必须 根据 现 有 关系 数据 库 的 
元 数据 创建 对 象 模型 。 对 象 模型 就 是 按照 开发 人 员 所 用 的 编程 语言 来 表示 的 数据 库 。 关 于 
如 何 创建 对 象 模型 ,在 后 面 的 章节 会 详细 介绍 。 

第 二 个 步骤 是 使 用 对 象 模型 。 在 创建 了 对 象 模型 之 后 ,就 可 以 在 该 模型 中 描述 信息 请 
求 和 操作 数据 了 。 下 面 是 使 用 已 创建 对 象 模型 的 典型 步骤 。 

(1) 创建 查询 用 于 从 数据 库 中 检索 信息 。 

(2) 重 写 Insert, Update 和 Delete 的 默认 行为 。 

(3) 设置 适当 的 选项 以 检测 和 报告 并 发 冲突 。 

(4) 建立 继承 层次 结构 。 

(5) 提供 合适 的 用 户 界 面 。 

(6) 调试 并 测试 应 用 程序 。 

以 上 只 是 使 用 对 象 模型 的 典型 步骤 ,其 中 很 多 步骤 都 是 可 选 的 ,在 实际 应 用 当中 ,有 些 
步骤 可 能 并 不 会 使 用 到 。 


10.3.2 对象 模型 和 对 和 象 模型 的 创建 
对 象 模型 是 关系 数据 库 在 编程 语言 中 表示 的 数据 模型 ,对 对 象 模 型 的 操作 就 是 对 关系 
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数据 库 的 操作 。 表 10. 1 列举 了 LINGQ to SQL 对 象 模型 中 最 基本 的 元 素 及 其 与 关系 数据 库 
模型 中 的 元 素 的 关系 。 


表 10.1 LINQ to SQL 对 象 模型 中 最 基本 的 元 素 及 其 与 关系 数据 库 模 型 中 的 元 素 的 关系 


LINQ to SQL 对 象 模型 关系 数据 库 模 型 LINQ to SQL 对 象 模型 关系 数据 库 模 型 


实体 类 表 关联 外 键 关 系 


成 员 类 列 方法 存储 过 程 和 范 数 


创建 数据 模型 ,就 是 基于 关系 数据 库 来 创建 这 些 LINQ to SQL 对 象 模型 中 最 基本 的 元 
素 。 创 建 对 象 模型 的 方法 有 以 下 三 种 。 

(1) 使 用 对 象 关 系 设计 器 。 对 象 关系 设计 器 提供 了 用 于 从 现 有 数据 库 创 建 对 象 模型 的 
E 宣 用 户 界面 , 它 包含 在 VS2010 中 ,最 适合 小 型 或 中 型 数据 库 。 

(2) 使 用 SQLMetal 代码 生成 工具 。 这 个 工具 适合 大 型 数据 库 的 开发 ,因此 对 于 普通 
读者 来 说 ,这 种 方法 就 不 常用 了 。 

(3) 直接 编写 创建 对 象 的 代码 。 

下 面 详细 介绍 如 何 使 用 对 象 关系 设计 器 创建 对 象 模型 。 

对 象 关系 设计 器 (O/R 设计 器 ) 提 供 了 一 个 可 视 化 设计 图 面 ,用 于 创建 基于 数据 库 中 的 
对 象 的 LINQ to SQL 实体 类 和 关联 (关系 )。 换 名 话说 ,O/R 设计 器 用 于 在 应 用 程序 中 创 
建 映射 到 数据 库 对 象 的 对 象 模 型 。 它 还 生成 一 个 强 类 型 DataContext, 用 于 在 实体 类 与 数 
据 库 之 间 发 送 和 接收 数据 。OVR 设计 器 还 提供 了 相关 功能 ,用 于 将 存储 过 程 和 函数 映射 到 
DataContext 方法 以 便 返 回 数据 和 填充 实体 类 。 最 后 ,O/R 设计 器 提供 了 对 实体 类 之 间 的 
继承 关系 进行 设计 的 能 力 。 

强 类 型 DataContext 对 应 于 类 DataContext, 它 表示 LINQ to SQL 框架 的 主 入 口 点 , 充 
当 SQL Server 数据 库 与 映射 到 数据 库 的 LINQ to SQL 实体 类 之 间 的 管道 。DataContext 
类 包含 用 于 连接 数据 库 以 及 操作 数据 库 数据 的 连接 字符 串 信息 和 方法 。 默 认 情 况 下 ， 
DataContext 类 包含 多 个 可 以 调用 的 方法 ,例如 ,用 于 将 已 更 新 数据 从 LINQ to SQL 类 发 
送 到 数据 库 的 SubmitChanges 方法 。 还 可 以 创建 其 他 映射 到 存储 过 程 和 国 数 的 
DataContext 方法 。 也 就 是 说 ,调用 这 些 自 定义 方法 将 运行 数据 库 中 DataContext 方法 所 映 
射 到 的 存储 过 程 或 函数 。 与 可 以 添加 方法 对 任何 类 进行 扩展 一 样 ,也 可 以 将 新 方法 添加 到 


DataContext 类 。 


10.3.3 查询 数据 库 


创建 了 对 象 模型 后 ,就 可 以 查询 数据 库 了 。 下 面 介 绍 如 何在 LINQ to SQL 项 目 中 查询 
数据 库 。 

LINQ to SQL 中 的 查询 与 LINQ 中 的 查询 使 用 相同 的 语法 ,只 不 过 它们 操作 的 对 象 有 
所 差异 ,LINQ to SQL 查询 引用 的 对 象 映 射 到 数据 库 中 的 元 素 。 表 10. 2 列 出 了 两 者 的 相 
似 和 不 同 之 处 。 
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表 10.2 LINQ to SQL 对 象 模型 中 最 基本 的 元 素 及 其 与 关系 数据 库 模 型 中 的 元 素 的 关系 


项 LINQ 查询 LINQ to SQL 
保存 查询 的 局 部 变量 的 返回 类 型 泛 型 [Enumerable 泛 型 IJQueryable 
指定 数据 源 使 用 开发 语言 直接 指定 相同 
筛选 使 用 Where/where 子 句 相同 
分 组 使 用 Group…by/groupby 相同 
选择 使 用 Select/select 子 句 相同 


LINQ to SQL 会 将 编写 的 查询 转换 成 等 效 的 SQL 语句 ,然后 把 它们 发 送 到 服务 器 进 
行 处 理 。 具 体 来 说 ,应 用 程序 使 用 LINQ to SQL API 来 请 求 查询 执行 ,LINQ to SQL 提供 
程序 随后 会 将 查询 转换 成 SQL 文本 ,并 委托 ADO 提供 程序 执行 。ADO 提供 程序 将 查询 
结果 作为 DataReader 返回 ,而 LINQ to SQL 提供 程序 将 ADO 结果 转换 成 用 户 对 象 的 
IQueryable 集合 。 图 10. 3 描绘 了 LINQ to SQL 的 查询 过 程 。 


查询 LINQ 到 SQL LINQ 到 SQL ADO | 
l API 提供 程序 ] 提供 程序 


对 象 枚 举 数 数据 读 取 器 


图 10.3 LINQ to SQL 查询 过 程 


实践 与 练习 


使 用 对 象 关 系 来 创建 LINQ to SQL 实体 类 。 
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第 11 章 ”应 用 程序 设计 实例 


本 章 学 习 目 标 
。 掌握 ASP. NET 开发 系统 的 方法 。 


11.1 注册 及 登录 验证 模块 设计 


用 户 登 录 及 管理 是 任何 功能 网 站 应 用 程序 中 不 可 缺少 的 一 个 功能 ,是 保障 系统 安全 的 
第 一 个 环节 。 本 章 介绍 用 户 登 录 ,用户 管 理 及 权限 设置 是 如 何 实现 的 。 


11.1.1 系统 设计 


注册 及 登录 验证 模块 实现 了 一 个 Web 网 站 中 最 为 普遍 的 登录 及 用 户 管理 功能 。 根 据 
系统 的 基本 要 求 ,模块 需要 完成 以 下 任务 。 

用 户 登 录 功 能 : 用 户 登 录 系 统 。 

用 户 注 册 功 能 : 新 用 户 注 册 。 

修改 用 户 信息 功能 : 修改 用 户 基本 信息 。 

设置 用 户 权限 功 能 : 将 普通 用 户 设 为 管理 员 。 

删除 用 户 功 能 : 从 数据 库 中 删除 用 户 。 

退出 登录 功能 : 退出 系统 。 

程序 运行 结果 如 图 11. 1 所 示 。 
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图 http://lecalhest:1096/wabl/Login aspx 


用 户 登 录 
i 

用 户 各 | ] 

EE | 

iE CBS 看 二 清 拱 一 六 
法] 

狠 寺 毕 饮 本 地 Intranet 二 
图 11.1 用 户 登录 


11.1.2 关键 技术 
为 了 防止 其 他 人 编写 程序 重复 登录 破解 密码 ,为 网 站 制造 麻烦 ,很 多 网 站 开始 采用 动态 
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生成 的 图 形 码 进行 验证 。 在 生成 图 形 验证 码 时 主要 用 到 两 方面 技术 : 一 是 生成 随机 数 , 二 
是 将 生成 的 随机 数 转化 成 图 片 格式 显示 出 来 。 


在 用 户 登录 页 中 使 用 了 图 形 验 证 码 技术 。 在 “验证 码 ” 文 本 框 右边 添加 了 一 个 Image 


控件 ,控件 中 的 图 片 由 Validata. aspx 页 动态 生成 。 代 码 如 下 。 
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1. HTML 源码 中 的 代码 


< asp:TextBox ID= "toValidate" runat= "server"> < /asp:TextBox> 
< asp:Image ID= "Imagel" runat= "server" ImageUrl= "~ /Validata.aspx" /> 
< asp:LinkButton ID= "TButton" runat= "server" Onclick= "TButton_Click"> 看 不 清 换 一 张 < /asp:LinkButton 


> 


2. 功能 代码 设计 


Protected void Page Load (cbject sender,EventArgs e) 
{ 

if (!IsPostBack) 

{ 

String validateNume RandarNum(4); 
CreateJmage (validateNum) 7 
Session["validateNum"]= validateNum; 
} 

} 

private string RandcorNum(int Nm) 

{ // 生 成 随机 字符 串 

String Char= "0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H, I,J,K, LMN,O,P,Q,R,S, TUVW, XY Zrarbrcrdrerfgrhyirgr 
LBDNODGLSt EY 
string[] charArray= Char.Split (','); 
string randcrNum= ""; 

int tere= 一 17 

Randcm rand= new Randcm()7 

for (int i=0;i< Namwi++) 

{ 

if (terp !=1) 

{ 

rand= new Randcm(i * tenp * ((int)DateTime.Now.Ticks)); 
} 

int t= rand.Next (61); 

if (terp==t) 

{ 

retum RandcrNum (Num) 7 

temp=t; 

ITandcrNum += charArray[t]; 

} 

retum randcorNumz 


应 用 程序 设计 实例 


Private void createImage (string validateNum) 

{ // 生 成 图 片 

if (validqateNm==rnull || validateNum.Trim()== string.Frpty) 

retum; 

System.Drawing.Bitmap image= new System.Drawing.Bitmap (validateNum.Iength * 12+10,22); 
System.Drawing.Graphics g= System.Drawing.Graphics.FromImage (image)7 

try 

Randcm randone new Randcm()7 

g.Clear (System.Drawing.Color.White); 

for (int i=0;i< 25;i++) 

{ 

int xl1= randam.Next (image .Width); 

int x2= randam.Next (image .Width); 

int yl= Tandcm.Next (image.Height); 

int y2= randam. Next (image.Height); 

g.DrawLine (new System .Drawing .Pen (System.Drawing.Color.Silver) ,xl,yl,x2,y2); 

} 

System.Drawing.Font. font= new System. Drawing. Font ("Arial", 12, (System. Drawing. FontStyle. Bold | System. 
Drawing.FontStyle.Italic))7 

System.Drawing.Drawing2D.LinearGradientBrush brush= new System.Drawing.Drawing2D.LinearGradientBrush (new 
System.Drawing.Rectangle (0, 0, image .Width, image.Height), System.Drawing.Color.Blue, System.Drawing.Color. 
DarkRed, 1.2f,true); 

g.DrawString (validateNum, font,brush,2,2); 

for(int i=0;i< 100;i+ +) 

{ 

int x= random .Next (image .Width); 

int y= random .Next (image .Height); 

image .SetPixel (x,y,System .Drawing .Color .Fromargb (random .Next())); 

g.DrawRectangle (new System .Drawing .Pen (System .Drawing .Color .Silver),0,0, image .Width - 1, image. 
Height- 1); 

System.IO.MemprYStream ms= new System.1O.MemoryStream ()7 

image .Save (ms,System.Drawing .Imaging .JImnageFormat .Gif); 

Response .ClearContent (); 

Response .ContentType= "image/Gif"; 

Response .BinaryWrite (ms.ToArray ()); 


《ASP.NET 动态 网 站 设计 教程 (第 2 版 ) 一 一 基于 C#+SQL Server 2008》 


} 


11.1.3 开发 过 程 


1. 数据 库 设计 
本 实例 采用 SQL Server 2008 数据 库 系统 ,新 建 一 个 数据 库 ,将 其 命名 为 dbl1。 创 建 用 
户 信息 表 (tb_user) ,用 于 保存 用 户 基本 信息 , 表 结 构 如 表 11. 1 所 示 。 


表 11.1 用 户 信息 表 


字段 名 类 型 长 度 是 否 主键 描 述 
userID int 4 是 用 户 编号 (自动 编号 ) 
userName nvarchar 20 否 用 户 名 
passWord nvarchar 50 否 密码 
telePhone nvarchar 20 否 电话 号 码 
Role bit 否 是 否 为 管理 员 


2. 配置 文件 Web. config 

Web. config 文件 对 于 访问 站 点 的 用 户 来 说 是 不 可 见 的 ,也 是 不 可 访问 的 ,所 以 为 了 系 
统 数 据 的 安全 和 易 操 作 ,可 以 在 配置 文件 Web. config 中 配置 数据 库 连 接 字符 串 。 该 文件 的 
代码 如 下 所 示 。 

< configuration> 

< appSettings/> 

< connectionStrings> 

< add name= "dbconnecticnstring"” connectionString= "Server= (local); Database= dbl; User Id= sa; Pwd=;" 

providerName= "System.Data.sqlClient"/> 

< /connectionStrings> 

3. 公共 类 

在 项 目 开 发 中 良好 的 类 设计 能 够 使 系统 结构 更 加 清晰 ,并 且 可 以 加 强 代码 的 重用 性 。 
本 例 中 建立 了 一 个 公共 类 DB. cs。 用 户 可 以 在 项 目 中 的 App_Code 文件 夹 上 右 击 ,选择 快 
捷 菜单 中 的 “添加 新 项 ”命令 ,将 会 弹出 “添加 新 项 ”对 话 框 。 在 其 中 选择 “类 ”选项 ,并 将 其 命 
名 为 DB. cs, 然 后 单 击 “ 添 加 ”按钮 .将 会 在 App_Code 文件 夹 下 创建 一 个 名 为 DB. cs 的 类 
区 和 件 ; 

公共 类 DB. cs 中 包含 几 个 功能 函数 ,分 别 为 GetConnection() 方 法 、ExecSql() 方 法 、 
GetReader() 方 法 和 ExecScalar() 方 法 :它们 的 功能 设计 如 下 。 

1) GetConnection() 方 法 

GetConnection 方法 用 来 建立 数据 库 连 接 , 从 配置 文件 Web. config 中 获取 连接 数据 库 
的 字符 串 实例 化 SqlConnection 对 象 , 并 返回 SqlConnection 对 象 。 代 码 如 下 。 


public static SqlConnection GetConnection() // 连 接 数 据 库 
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应 用 程序 设计 实例 


{ 
// 返 回 sqlconnection 对 象 
retum new SqlConnection (ConfigurationManager .ConnectionStrings 
["dbconnecticnstring"] .ToString()); 
} 
2) ExecSql(string sqlStr) 方 法 
ExecSql 方 法 是 使 用 SqlCommand 对 象 对 数据 库 执行 Updae、Insert、Delete 等 SQL 语 
代码 如 下 。 


py 


Public int Execsql (string sqlstr) 

{ // 运 行 Update、 Insert、Delete 等 SQL 语句 

int count; 

SqlConnection myconn= GetConnection (); // 连 接 数 据 库 

myconn.Open (); // 打 开 连 接 

SqlCamand myamd new SqlCommand (sqlStr,myconn); 

try 

{ 

ont= Comvert .TInt32 (ryard.ExecuteNorOuery()); // 执 行 SQL 语句 并 返回 受 影响 的 行 数 


myconn .Close (); // 关 闭 连 接 


3) GetReader(string sqlStr) 方 法 
GetReader 方法 是 将 对 数据 库 执行 的 结果 保存 在 一 个 SqlDataReader 对 象 中 ,最 后 将 这 
个 SqlDataReader 对 象 返 回 。 代 码 如 下 。 


public sqlDataReader GetReader (string sqlStr) 

{ // 根 据 Select 查询 sql, 返 回 olerbpataReader 
SqlConnection myconn= GetConnection (); // 连 接 数据 库 

myconn.Open ()7 // 打 开 连 接 

SqlCamand mycmeF new SqlCommand (sqlStr,myconn); 

SqlDataReagder dr= myand.FExecuteReader (CormandBehavior .CloseConnection); 
myconn .Close (); // 关 闭 连接 

Teturn dr; // 返 回 sqlpataReader 对 象 dr 
} 


4) ExecScalar(string sqlStr) 方 法 
ExecScalar 方法 是 使 用 SqlCommand 对 象 对 数据 库 执行 查询 ,并 返回 查询 结果 ,代码 
如 下 : 


Eublic int ExecScalar (string sqlStr) 
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{ // 根 据 select 查询 sql, 返 回 一 个 整数 


int cont; 

SqlConnection myconn= GetConnection (); // 连 接 数 据 库 
myconn.Open (); // 打 开 连 接 
sql Camand myard new SaqlComrand (sqlStr,myconn); 

try 


{ 
Count= Convert.ToInt32 (myand.ExecuteScalar ()); 
retum 1; 


myconn.Close (); // 关 闭 连接 


4. 模块 设计 

1) 用 户 登 录 (Login. aspx) 

用 户 登 录 页 面 实 现 了 用 户 登 录 的 功能 ,是 整个 Web 程序 的 起 始 页 ,对 于 未 注册 的 用 户 
该 页 面 还 提供 了 注册 的 功能 。 页 面 运 行 效果 如 图 11. 2 所 示 。 
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图 http://1ocalhost: 1098/webl/Login aspx 
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图 11.2 用 户 登录 界面 


用 户 登 录 页 面 的 设计 步骤 如 下 : 

(1) 用 户 登 录 页 面 设计 

在 用 户 登 录 页 面 添 加 一 个 表格 用 来 进行 页 面 布局 ,然后 ,从 “工具 箱 ”>“ 标 准 ” 选 项 卡 中 
向 表格 中 添加 三 个 TextBox 控件 、 两 个 Button 控件 和 一 个 LinkButton 控件 ,打开 “属性 ” 面 
板 ,设置 控 件 的 属性 。 它 们 的 属性 设置 及 说 明 如 表 11.2 所 示 。 


表 11.2 登录 页 面 中 控件 属性 设置 
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控件 类 型 控件 名 主要 属性 说 明 
tbName TextMode 属性 设置 为 SingleLine 输入 用 户 名 
TextBox 控件 tbPwd TextMode 属性 设置 为 Password 输入 密码 
tbValidate Id 属性 设置 为 tbValidate 输入 验证 码 
btLogin Text 属性 设置 为 “登录 ” 用 户 登 录 
Button 控件 
btRegister Text 属性 设置 为 “注册 ” 用 户 注 册 
LinkButton 控件 LButton Text 属性 设置 为 “看 不 清 换 一 张 ” 更 换 验 证 码 


(2) 用 户 登 录 页 面 功能 实现 

用 户 单 击 “ 登 录 ” 按 钮 ,触发 btLogin 按钮 的 Click 事件 。 先 判断 输入 的 验证 码 是 否 正 
确 ,然后 通过 数据 库 判 断 用 户 输 入 的 用 户 名 和 密码 是 否 正确 。 验 证 用 户 名 和 密码 时 ,调用 
DB 类 的 GetReader() 方 法 获取 用 户 信息 。 如 果 信 息 正 确 ,使 用 Session 对 象 保存 用 户 的 登 
录 信 息 ; 如 果 信 息 不 正确 ,给 出 登录 失败 的 提示 信息 。 代 码 如 下 。 

导入 命名 空间 : 


using System.Data.SqlClienty 

//" 吃 录 " 物 钮 下 的 代码 

protected void btILogin_ Click (dbject sender, EventArgs e 
{ 

string userName= this .tName.Text.Trim(); 

string PassWcE this.tbPwd.Text.Trim()7 

String num= this.tbvValidate.Text.Trim()7 

if (Session["validateNum"] .Tostring()== mnum.ToUpper()) 
{ 

String sqlStr= "select count fram tb user where userName= '" + userName + "'and 
passWord= '" +passWd + "'"; 

DB do= new DB(); 

SqlDataReader dr= db.GetReager (sqlStr); 

dr.Read(); 

if (dr.HasRows) 

{ 

Session["userID"]=dr.GetValve (0); 

Session ["Role"]=dr.GetValve (4); 

Response.Redirect ("Usermanager .aspx") ; 

} 

else 

{ 

Response .Write ("< script> alert ("登录 失败 !') ;locatiar= 'Iogin.aspx'< /script> "); 
} 

dr.Close(); 

} 

else 
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{ 

Response.Write ("< script> alert ("验证 码 输入 错误 !1');location= 'Iogin-aspx' 
< /script> "); 

} 

} 


(3) 注册 新 用 户 
单 击 “ 注 册 ” 按 钮 ,触发 btRegister 按钮 的 Click 事件 跳 转 到 register. aspx 用 户 注 册页 
面 ,新 用 户 可 以 进行 注册 。 代 码 如 下 。 


Protected void btRegister Click (cbject sender,EventArgs e) 
和 
Response.Redirect ("register .aspx"); 
} 
2) 用 户 注册 (Register. aspx) 
用 户 注 册页 面 主要 实现 添加 用 户 的 功能 。 用 户 添加 成 功 后 ,系统 默认 设置 用 户 权限 为 
普通 用 户 。 页 面 运行 如 图 11. 3 所 示 。 


文件 编 强 E) 查看 中 收 蕊 届 ， 工 具 GD 下 助 只 
OO Pw Wm 区 - 呈 国 -LU 


作 http://localhost:1098/webl/Register aspx 


惕 本 地 Intranet 


图 11.3 注册 界面 


用 户 注 册页 面 设计 步骤 如 下 。 

(1) 用 户 注册 页 面 设计 

在 用 户 注册 页 面 添 加 一 个 表格 用 来 进行 页 面 布局 ,然后 ,从 “工具 箱 ” 一 “标准 ”选项 卡 中 
向 表格 中 添加 4 个 TextBox 控件 、 两 个 Button 控件 、4 个 RequiredFieldValidator 控件 一 
个 CompareValidator 控件 和 一 个 RegularExpressionValidator 控件 ,打开 “属性 ”面板 ,设置 
控件 的 属性 。 它 们 的 属性 设置 及 说 明 如 表 11. 3 所 示 。 

(2) 注册 新 用 户 

在 注册 新 用 户 前 , 先 要 对 注册 的 用 户 名 进行 检查 ,如 果 用 户 名 已 经 被 使 用 则 给 出 提示 信 
息 , 如 果 用 户 名 未 被 使 用 则 完成 新 用 户 注册 。 


表 11.3 注册 页 面 中 控件 属性 设置 
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应 用 程序 设计 实例 


控件 类 型 控 件 名 主要 属性 说 明 
tbName Id 属性 设置 为 tbName 输入 用 户 名 
tbPwd TextMode 属性 设置 为 Password 输入 密码 

TextBox 控件 
tbRepwd TextMode 属性 设置 为 Password 输入 确认 密码 
tbPhone Id 属性 设置 为 tbPhone 输入 电话 号 码 
btRegister Text 属性 设置 为 “注册 ” 用 户 注册 
Button 控件 
btBack Text 属性 设置 为 返回” 返回 登录 页 面 
RequiredFieldValidator ControlToValidate 属性 设置 为 tbName 验证 用 户 名 不 
1 ErrorMessage 属性 设置 为 “x*” 能 为 空 
RequiredFieldValidator | ControlToValidate 属性 设置 为 tbPwd 验证 密码 框 不 
RequiredFieldValidator 8 ErrorMessage 属性 设置 为 "* ” 放风 汪 
控件 RequiredFieldValidator ControlToValidate 属性 设置 为 tbRepwd 验证 确认 密码 
3 ErrorMessage 属性 设置 为 “* ” 框 不 能 为 空 
RequiredFieldValidator | ControlToValidate 属性 设置 为 tbPhone | 验证 电话 号 码 
4 ErrorMessage 属性 设置 为 **” 不 能 为 空 
ControlToValidate 属性 设置 为 tbRepwd 
、 本 比较 用 户 两 次 
Pa CompareValidatorl ControlToCompare 属性 设置 为 tbPwd 输入 的 密码 是 
ErrorMessage 属性 设置 为 “两 次 密码 输 | 否 相 同 
入 不 相符 ” 
ControlToValidate 属性 设置 为 tbPhone 
RegularExpression- RegularExpression- Me Dre 属 人 设置 为 "(\(\d 验证 电话 号 码 
Validator 控件 Validatorl (NINdt3} 一 2? Ad(8) 
ErrorMessage 属性 设置 为 “格式 不 
正确 !” 


单 击 “ 注 册 ” 按 钮 ,触发 btRegister 按钮 的 Click 事件 。 在 该 事件 中 先 检查 用 户 名 是 否 
已 经 存在 。 如 果 用 户 名 已 经 存在 ,给 出 “用 户 名 存在 !1” 的 提示 信息 ;如 果 用 户 名 不 存在 则 将 
用 户 的 信息 添加 到 数据 库 中 。 添 加 成 功 ,弹出 “注册 成 功 1” 提 示 信 息 ; 否 则 弹出 “注册 失败 1” 
提示 信息 。 代 码 如 下 。 


导入 命名 空间 : 


Using System.Data.SqlClient; 


//" 吐 册 " 冬 钮 代码 


Protected void btRegister Click (object sender,EventArgs e) 


{ 


string userName= this.thName .Text .Trim(); 


string pwd- this.tbPwd.Text.Trim()7 
string phone= this.thbPhone.Text.Trim(); 
String sqlStr= "select count (* ) from tb user where userName= '" +userName + ""'"; 
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DB do=new DB (7 

int count= Convert .ToInt32 (db.sqlEsc (sqlStr)); 

if (count> 0) 

Response .Write ("< script> alert(' 用 户 名 存在 !");locaticr 'register.aspx'< /script>m; 
else 

if (this.tihName.Text!="") 

E 

String sqlStrl= "insert into th user (userName,passWord) values('" +userNeme + "","" +pwd + "")"; 
int countl= db.sqlinsert (sqlStrl)7 

if (countl> 0) 

{ 

Response.Write ("< script> alert ("注册 成 功 !1');< /script> "); 

Clear ()7 

} 

else 

Response.Write("< script> alert (' 注 册 失 败 !') ;locatior= 'register.aspx'< /script> "); 
3 

} 

//" 注 册 " 按 钮 中 清空 文本 框 的 clear() 方 法 代码 

public void clear() 

{ 

this.tbName.Text= "™"; 

this.tbPwd.Text= "™"; 

this.tbPhone.Text= "5 


(3) 返回 登录 页 
单 击 “返回 ”按钮 ,将 跳 转 到 用 户 登 录 页 (Login. aspx) ,代码 如 下 。 


Protected void btBack Click (cbject sender,FEventArgs e) 

{ 

Response.Redirect ("Login.aspx"); 

} 

3) 用 户 管理 (Usermanager. aspx) 

在 用 户 管理 页 面 中 ,权限 为 管理 员 的 用 户 具 有 对 其 他 用 户 信 息 进行 修改 、 删 除 和 设置 用 


户 权限 的 功能 。 用 户 管理 页 面 运行 如 图 11. 4 所 示 。 


用 户 管理 页 面 设计 步 又 如 下 。 

(1) 用 户 管理 页 面 设计 

在 用 户 管理 页 面 上 添加 表格 用 来 进行 页 面 布局 。 然 后 ,从 “工具 箱 ” 一 “标准 ”选项 卡 中 
往 页 面 上 添加 一 个 GridView 控件 和 一 个 LinkButton 控件 ,打开 “属性 ”面板 ,设置 控件 的 属 
性 。 它们 的 属性 及 源码 的 设置 如 下 。 
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< table border= "0" cellpadding= "0" cellspacing= "0" style= "width: 500pg"> 


用 户 名 电话 号 码 是 否 为 管理 员 
李 柄 13897498907 回 二 侧 除 
王 海 13507890587 回 编 经 。 开除 i 
小 小 je39076543 器 编 经 到 除 
王 洗 13345678903 纺 和 但 放 
小 要 13678960543 EE 和 3 
12 加 
完毕 饮 本 地 Intranet 


图 11.4 用 户 管理 界面 


<tr> 

<td style= "width: 100px;height: 19px"> 

用 户 管理 < asp:LinkButton ID= "TButton" runat= "server"> 退 出 < /asp:LinkButton> 
</td> 

< /tr> 

<tr> 

<td style= "width: 100px"> 

< img src= "Image/adline.gif" /> 

</to> 

</tr> 

<tr> 

<td style= "width: 100px"> 

</to> 

</tr> 

<tr> 

<td style= "width: 100px"> 

</td> 

< /tr> 

<tr> 

<td style= "width: 100pz"> 

&nbsp;< asp:GridView ID= "GridViewl" runat= "server" RutoGenerateColumns= 
"False" DataKeyNames= "userID, userName, telePhone" 

OnRowEditing=" GridViewl _ RowEditingl" ORowUpdating =" GridViewl _ RowUpdatingl" Width =" 550px"™ 
OrRowCanoslingedit= "GridViewl Rowcanoelingedit1" OrRowDeleting= 
"GridView] RowDeleting" OnRowDataBound= "GridView] RowDataBound"> 
<Colums> 

< asp:BoundField DataField= "userName" HeaderText= "用户 名 " /> 

< asp:BoungField DataField= "teleFhone" HeaderText= "电话 号 码 " /> 

< asp:CheckBoxField DataField= "Role" HeaderText= "是 否 为 管理 员 " /> 
< asp:ConmandField ShowEditButton= "True" /> 

<asp:CommandField showDeleteButton= "True" /> 

< /Colurmns> 


< /asp:GridView> 
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</td> 
< /tr> 
</table> 


(2) 用 户 管理 功能 实现 
导 人 命名 空间 : 


using System.Data. SqlClient; 

//Page Ioad 中 的 代码 

Protected void Page Load (cbject sender,EventArgs e) 

{ 

if (!IsPostBack) 

{ 

bind(); 

了 

// 定 义 一 个 自 定义 方法 dbind0, 读 取 数 据 库 中 的 信息 ,并 将 其 绑 定 到 数据 控件 Griaview 中 
Public void dbind() 

{ 

LB do= new DB(); 

string sqlStr= "select * fram tb user"; 

DataSet ds= db.GetDataSet (sqlStr); 

GridViewl.DataSource= ds.Tables [0]; 

GridViewl .DataBind(); 

} 

// 单 击 Gridqview 控 件 上 的 " 喉 辑 " 冬 钮 ,将 触发 Gridview 控 件 的 RowEditing 事 件 
protected void GridViewl RowEditingl (abject sender,GridViewEditEventArgs e) 
{ 

GridViewl .EditIndex— e.NewEditIndex; 

this.dbind (); 

3 

// 单 击 Gridqview 控 件 上 的 "更 新 " 冬 钮 ,将 触发 Gridview 控 件 的 RowDpdating 事 件 
Protected void GridViewl_ RowUpdatingl (dbject sender, GridViewUpdateEventArgs e) 

{ 

int id= Convert .ToInt32 (GridView] .DataKeys [e.RowInaex] .Value.ToString ())7 
String userName= ( (TextBox) (GridViewl .Rows [e.RowIndex] .Cel1s [0] .Contror- 
1s[0])) .Text.ToString ()， 

string phone= ( (TextBox) (this.GridViewl.Rows [e.RowIndex] .Cells[1] .Contro- 
1s[0])) .Text.ToString(); 

string Role= ( (CheckBox) (this.GridView] .Rows [e.RowIndex] .Cells[2] .Contro- 
1s[0])) .Checked.ToString(); 

string sqlStr= "update th user set userName= '" +userName + "teleFhone= 

™ phone + "",Role= '"+ Rolet ""'where UserID=" + id; 

DB do= new DB(); 

.Execsq (sql Str); 


应 用 程序 设计 实例 


GridView] .EditIndex=— 1; 

Gbind (); 

} 

// 单 击 Griaview 控 件 上 的 "取消 "按钮 ,将 触发 Gridaview 控 件 的 Rowcancelingedit 事件 

protected void GridViewl RowCancelingpditl (cbject sender, 
GridViewCancelEditEventArgs e) 

{ 

GridViewl .EditIndex—=— 1; 

this.dbind (); 

} 

// 单 击 Gridqview 控 件 上 的 " 吊 除 "入 钮 ,将 触发 Griaview 控 件 的 Rowpeleting 事 件 

Protected void GridViewl RowDeleting (cbject sender,GridViewDeleteEventargs e) 

{ 

DB do=new DB(); 

int id= Convert.ToInt32 (GridView] .Datakeys [e.RowIndex] .Value.ToString())7 

string sqlStr= "delete from th_ user where userID= " + id 

cb.Execsql (sql Str); 

GridViewl .EditIndex=— 1; 

cbind (); 

} 

protected void GridViewl_ RowDataBound (dbject sender, GridViewRowEventArgs e) 

{ 

if (e.Row.RowType== DataControlRowType.DataRow) 

{ 

( (LinkButton)e.Row.Cells[4] .Controls[0]) .Attributes.Add("onclick", "retum confimm(' 真 的 要 删除 吗 ?')"); 

bind(); 

} 

} 


11.2 新 闻 发 布 系统 


随 着 互联 网 的 迅速 发 展 ,新闻 网 也 很 快 发 展 起 来 , 它 内 容 丰 富 ,涉及 面 广 ,不 仅 有 时 事 新 
闻 ,同时 还 具有 互联 网 所 具备 的 一 切 特性 。 在 全 球 网 络 化 .信息 化 的 今天 , 它 已 成 为 人 们 生 
活 中 不 可 缺少 的 重要 组 成 部 分 。 通 过 本 章 的 学 习 , 了 解 新 闻 系 统 中 的 用 户 管理 .新 闻 显 示 、 
新 闻 发 布 和 新 闻 管 理 等 功能 的 设计 方法 。 

新 闻 发 布 系统 由 后 台新 闻 管理 和 前 台 浏 览 新 闻 两 部 分 组 成 。 其 中 ,后 台新 闻 管理 由 
后 台 登 录 、 新 闻 管理 .新 闻 编 辑 组 成 ,前台 由 新 闻 浏 览 、 新 闻 搜 索 和 显示 新 闻 组 成 ,满足 了 
人 们 浏览 新 闻 时 的 要 求 。 前 台 还 提供 查询 新 闻 信息 的 功能 ,方便 浏览 者 查找 相关 的 新 闻 
信息 。 

实例 的 具体 功能 如 下 。 

浏览 新 闻 功 能 : 通过 网 络 浏览 各 行业 新 闻 。 

分 类 显示 功能 : 新 闻 分 类 显示 相关 信息 。 
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站 内 搜索 功能 : 实现 站 内 新 闻 全 面 搜索 。 

后 台 管 理 功 能 : 为 后 台 管理 人 员 提 供 管理 入 口 。 
后 台 编 辑 功能 : 编辑 并 管理 新 闻 信 息 。 

新 闻 浏 览 页 面 运行 结果 如 图 11. 5 所 示 。 


文件 编辑 EE) 查看 Y) 收藏 A) 工具 (I 帮助 0D 


© - ©-@BO Pr Wer D BDBE-O 


者 http://1ocslhost: 1097/web2/news. aspx 


[| cla 
天 站 酬 和 | Me 全 


入 入 关键 字 
体育 更 多 


[ 体 公 时 子 凡 栏 牟 村 自信 赠 似 窗 第 七 2012s700000 


[体育 ] 让 和 下 人 这 2012.8700000 2012.7-2600000| 
到 2012 年 上 半年 以 色 列 公司 海外 
[a 二 尖 羽生 和 不 歼 忆 2028600000 [军事 ] 2 20126800000 


到 将 获 久 
本 议员 就 条 拜 多 1 
你 用 另 利 20 名 i 革 事 ] 电站 议 各 打字 人 站 有 并 人 下 2010.8.18 000.00| 
[军事 ] 。 鬼 利 启用 全 新 海 硬 预警 系统 。 “2010.8.17 00000| 


[ 体 公 ] 六 2012.8.600000 


财经 页 多 
是 下 扫除 这 后 实 闪 动力 2012.8.1613073| 
A 2012.8.900000 2012.8-1300000 
国 经 济 的 长 期 泊 长 需 条 不 断 深化 2012 6.1700000 2012.8-1200000| 
起] 于 各 生长 小 放出 人 中信 银行 012 ;2 000o0 E 3 


图 11.5 新 闻 浏览 


11.2.1 关键 技术 


1. GridView 控件 中 绑 定数 据 并 实现 分 页 


GridView 控件 是 一 种 数据 绑 定 控件 ,是 以 表格 的 形式 显示 数据 ,并 且 有 一 个 内 置 分 页 


功能 ,支持 基本 的 分 页 。 
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使 用 GridView 控件 绑 定数 据 并 实现 分 页 功能 主要 代码 如 下 。 


Public void dbind() 

{ 

newsClass cs= new newsClass () 7 

string sqlStr= "select * from tb news"; 
this.GridView] .DataSouroe= cs.GetDataSet (sqlStr); 
this.GridView] .DataBind (); 

} 

protected void GridViewl PageIndexhanging (Gbject sender, GridViewPageFventArgs €) 
{ 

GridViewl .PageIndex— e.NewPageIndex; 

bind(); 


应 用 程序 设计 实例 


} 


2. DataList 控件 中 绑 定数 据 并 实现 分 页 

DataList 控件 是 一 种 数据 绑 定 控件 ,也 可 以 实现 分 页 ,分 页 功能 是 借助 PagedDataSource 
类 实现 的 。 

使 用 DataList 控件 绑 定 数据 并 实现 分 页 功能 主要 代码 如 下 。 


/定义 公共 类 newsclass 

newsClass cs= new newsClass ()7 

// 实 现 分 页 

int currentPage= Convert.ToInt32 (this.Ibpage.Tezxt)7 
PagedDataSource ps= new PagedDataSouroe (); 

Dataset ds= cs .GetDataSet (Convert .ToString (Session ["search"])); 
ps .DataSource =ds.Tables [0] .DefaultView; 
Ps.AllowPaging= true; 

ps.PageSize= 4; 

ps.CurrentPageIndex= currentPage— 17 
this.LinkBup.Enabled= true; 

this.Linmext .Enabled= true ; 

this. LinkBback .Enabled= true ; 

this .LinkBone.Enabled= true ; 

if (currentPage==1) 

{ 

this .LinkBone .Enabled= false ; 

this .LinkBup .Enabled= false ; 

} 

if (currentPage== ps.PageCount) 

{ 

this.Linmext .Enabled= false ; 

this .LinkBback .Enabled= false ; 

} 

this.LinkBback.Text= Convert.ToString (ps.PageCount); 
DataList1.DataSource= ps; 

DataList] .DataBind(); 


11.2.2 开发 过 程 


1. 数据 库 设计 

本 实例 采用 SQL Server 2008 数据 库 系统 ,新 建 一 个 数据 库 , 将 其 命名 为 db2。 然 后 在 
该 数据 库 中 创建 两 个 数据 表 , 分 别 为 管理 员 信 息 表 (tb_user) 和 新 闻 表 (tb_news) 。 

管理 员 信息 表 主 要 用 于 保存 管理 员 的 基本 信息 ,tb_user 数据 表 的 结构 如 表 11.4 所 示 。 


表 11.4 管理 员 信息 表 
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字段 名 类 型 长 度 是 否 主键 描 述 
userID int 4 是 管理 员 编 号 (自动 编号 ) 
userName nvarchar 20 否 管理 员 姓 名 
passWord nvarchar 50 否 管理 员 密 码 
Email nvarchar 50 否 电子 邮箱 


新 闻 信 息 表 (tb_news) 主 要 用 于 保存 新 闻 的 基本 信息 ,tb_news 数据 表 的 结构 如 


表 11.5 所 示 。 


表 11.5 新 闻 信息 表 


字段 名 类 型 长 度 是 否 主键 描 ” 述 
newsID int 4 是 新 闻 编号 (自动 编号 ) 
newsTitle nvarchar 50 否 新 闻 标 题 
Content text 16 否 新 闻 内 容 
Type nvarchar 50 否 新 闻 类 型 
addDate datetime 8 否 发 表 时 间 


2. 配置 Web. config 
为 了 方便 对 数据 库 的 操作 和 网 页 维护 ,可 以 将 一 些 配 置 参数 放 在 Web. config 文件 中 。 
Web. config 文件 中 配置 连接 数据 库 的 字符 串 ,代码 如 下 。 


< configuration> 
< appSettings/> 
< connectionStrings> 


< add name= "dbconnectionstring" connectionString= "Server= (local) ;Database= 


db2;User IdF sa;Pwd- ;" providerName= "System.Data.SqlClient "/> 
< /connectionStrings> 
< System.web> 


3. 公共 类 


创建 类 文件 时 ,用 户 可 以 在 项 目 中 的 App_Code 文件 夹 上 右 击 ,选择 快捷 菜单 中 的 “ 添 
加 新 项 ”命令 ,将 会 弹出 “添加 新 项 ”对 话 框 。 在 其 中 选择 “类 ”选项 ,并 将 其 命名 为 
newsClass. cs, 然 后 单 击 “ 添 加 ”按钮 .将 会 在 App_Code 文件 夹 下 创建 一 个 名 为 newsClass 


的 类 文件 。 


公共 类 newsClass. cs 中 包含 几 个 功能 函数 ,分 别 为 getConnection() 方 法 、MessageBox() 方 
法 、ExecSelect() 方 法 、ExecSql() 方 法 和 GetDataSet() 方 法 ,它们 的 功能 设计 如 下 。 

1) getConnection() 方 法 

getConnection 方法 用 来 建立 数据 库 连 接 , 从 配置 文件 Web. config 中 获取 连接 数据 库 
的 字符 串 实例 化 SqlConnection 对 象 ,并 返回 SqlConnection 对 象 。 代 码 如 下 。 


Public static SqlConnection getConnection() 


380 


应 用 程序 设计 实例 


{ // 返 回 sqconnection 对 象 

retum new SqlConnection (ConfigurationManager-ConnectionStrings 
["dbconnectionstring"] .ToString())7 

} 


2) MessageBox(string Message,string Url) 方 法 
MessageBox 方法 用 于 脚本 语言 ,弹出 提示 信息 框 。 


Public string MessageBox (string Message, string Url) 

{ 

string str= "< script> alert ('" +Message + "') ;location= '" +Url +"'< /script> "; 
retum str; 

3 


3) ExecSelect(string sqlStr) 方 法 
ExecSelect 方法 是 使 用 OleDbCommand 对 象 对 数据 库 执行 查询 ,并 返回 查询 结果 , 代 
码 如 下 。 


Public int Execselect (string sqlStr) 
{ // 根 据 select 查询 sql, 返 回 一 个 整数 


int count; 
SqlConnection myconn= getConnection(); ”// 连 接 数 据 库 
myconn.Open (); // 打 开 连 接 


SqlCormand myamd new SqlCommand (sqlStr,myconn); 
count= (int)myand.ExecuteScalar (); 

myand.Dispose (); 

myconn.Close (); // 关 闭 连接 
retum count; 

3 


4) ExecSql(string sqlStr) 方 法 

ExecSql 方 法 是 使 用 SqlCommand 对 象 对 数据 库 执行 Updae、Insert、Delete 等 SQL 语 
名 。 代 码 如 下 。 

Public int Execsql (string sqlStr) 

{ // 运 行 Update、 Insert、Delete 等 SQL 语句 

sqlConnection myconn= getConnection(); ”// 连 接 数 据 库 


myconn.Open (); // 打 开 连 接 

SqlCanmand mycmeF new SqlCoammand (sql Str,myconn)7 

try 

{ 

TYamd.ExecuteNonQuery (); /执行 StL 语句 并 返回 受 影响 的 行 数 
myconn.Close (); // 关 闭 连接 

} 

catch 

{ 

myconn.Close (); // 关 闭 连接 
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5) GetDataSet(string sqlStr) 方 法 
GetDataSet 方法 是 用 于 SQL 语句 并 返回 数据 集 ,主要 对 数据 库 中 的 数据 进行 查询 ,将 
查询 结果 返回 数据 集 GetDataSet。 代 码 如 下 。 


public System.Data.Dataset GetDataSet (string sqlStr) 
{ // 返 回 数据 源 的 数据 集 ds 
SqlConnection myconr= getConnection (); 

myconmn.Open (); // 打 开 连 接 
SqlDatamdapter da= new SqlDatamciapter (sqlStr,myoonn); 
DataSet ds= new DataSet ()7 


da.Fill (ds); // 用 patancapte 的 方法 填充 Dataset 数据 源 
myconn.Close (); // 关 闭 连接 
retum ds; 


¥ 

4. 后 台 登 录 设计 

前 台新 闻 浏 览 页 面 设置 了 进入 后 台新 闻 管理 的 入 口 。 单 击 “ 后 台 管 理 ” 按 钮 ,进入 后 台 
登录 页 面 (Login. aspx) ,后 台 登 录 页 面 运 行 结果 如 图 11.6 所 示 。 


文件 编辑 FE) 查看 收 送 ) 工具 CD) 帮助 0 


所 -日 -里 加 有 P 时 Yr @ 人防 :各国 "LJ 


地 址 | 独 http://1ocalhost:1097/web2/Login aspx 


Tnes one 
六 种 | wpoede 3 power 


管理 员 姓名 : 
管理 员 窜 码 : 


图 11.6 后 台 登 录 界 面 


1) 后 台 登 录 页 面 设计 (Login. aspx) 

在 后 台 登 录 页 面 中 添加 一 个 表格 用 于 页 面 布局 ,然后 ,从 “工具 箱 ”>“ 标 准 ” 选 项 卡 中 往 
页 面 上 添加 两 个 TextBox 控件 和 两 个 Button 控件 ,打开 “属性 ”面板 ,设置 控件 的 属性 。 控 
件 的 属性 设置 及 说 明 如 表 11.6 所 示 。 


表 11.6 Login. aspx 页 面 控件 属性 设置 


——————382 


应 用 程序 设计 实例 


控 件 控 件 名 主要 属性 说 明 
tbName TextMode 属性 设置 为 SingleLine 输入 管理 员 名 
TextBox 控件 
tbPwd TextMode 属性 设置 为 Password 输入 管理 员 密 码 
btLogin Text 属性 设置 为 登录 ” 登录 功能 
Button 控件 
btCancel Text 属性 设置 为 取消” 取消 功能 


2) 后 台 登 录 功 能 实现 

后 台 登 录 主 要 用 于 验证 管理 员 登 录 时 管理 员 名 和 密码 输入 是 否 合法 ,合法 的 用 户 才 可 
以 进入 系统 。 程 序 代码 如 下 。 

导 和 人 命名 空间 : 


using System.Data.SqlClient; 
在 Login. aspx. cs 中 编写 代码 前 , 先 定义 一 个 newsClass 类 ,以 便 调用 该 类 中 的 方法 。 


newsClass cs= new newsClass ()7 

//" 吃 录 " 物 钮 下 的 代码 

protected void btLogin_ Click (dbject sender,Eventargs e) 

{ 

if (tkName.Text.Trim()=="" || tbpwd.Text.Trim()=="") 

{ 

Response.Write (cs.MessageBox ("姓名 和 密码 不 能 为 空 !", "Togin.aspx")); 

3 

else 

{ 

String name= this.tName.Text .Trim (); 

string pwdF this.tbPwd .Text .Trim (); 

String sqlStr= "select count (* ) from tb User where userName= '" +name +"" and 
passWord= '"" +pwd + "7 

int i= cs.ExecSelect (sqlStr); 

if (i>0) 

Response.Redirect ("manageNews .aspx") 7 

else 

Response.Write (cs.MessageBox ("姓名 和 密码 错误 !","Login.aspx")); 

} 

} 

//" 呈 消 跑 钮 下 的 代码 

Protected void btCanoel Click(cbject sender,EventArgs e) 

{ 

Response.Write ("< script> location= 'index.aspx';< /script> "); 

} 


5. 后 台新 闻 管理 设计 
后 台新 闻 管理 在 新 闻 发 布 系 统 中 有 着 非常 重要 的 地 位 ,主要 包括 新 闻 查 询 、 新 闻 添加 、 
新 闻 修 改 和 新 闻 删 除 等 功能 。 
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1) 新 闻 查 询 功能 


在 新 闻 管理 页 面 (manageNews. aspx) 中 ,用 户 可 以 对 新 闻 进 行 站 内 搜索 ,如 图 11.7 


所 示 。 


文件 熙 编辑 EF) 查看 必 收 诚 和 ) 工具 中 玫 助 虽 


Om"O RG Pe de OEY 


地 址 @) | 御 http://1ocslhost: 1097/web2/nanse: 


编号 新 闻 标题 新 闻 类 型 发 布 日 期 | 
1 意外 ! 刘 隐 预 寨 挤 倒 失 误 飞人 遗 情 无 缘 半 决 赛 体育 2012.8.700000 编辑 删除 | 
2 高 你 杠 决赛 何 可 欣 获 亚军 穆 斯 塔 芬 思 强 势 夺 冠 体育 2012.8600000 ”编辑 开除 | 
3 男 签 53-90 英 国 ; 战 管 败 排名 垫底 奥运 最 差 纪 录 体育 2012.8.600000 编辑 到 除 | 
4 吊环 决赛 陈一冰 出 场 不 利 不 各 巴西 名 将 获 银牌 体育 2012.8600000 。 编辑 删除 
5 男子 110 米 栏 预赛 . 史 冬 吴 仅 奖 第 七 无 缘 半 决赛 体育 2012.8.700000 ”给 经 支队 | 
6 日 本 宣称 必要 时 将 出 兵 “ 护 卫 ” 钓 鱼 马 军事 2012.7-2600000 ”编辑 划 除 | 
123 


问 EE 


(ranet 


图 11.7 新 闻 管理 界面 


(1) 新 闻 管理 页 面 设计 
在 新 闻 管理 页 面 (manageNews. aspx) 中 添加 一 个 表格 用 来 进行 页 面 


布局 ,然后 ,从 “ 工 


具 箱 ”>“ 标 准 ” 选 项 卡 中 向 表格 中 添加 一 个 TextBox 控件 ,一 个 DropDownList 控件 ,一 
Button 控件 和 一 个 GridView 控件 ,打开 “属性 ”面板 设置 控件 的 属性 。 各 个 控件 的 属性 设 


置 如 表 11.7 所 示 。 
表 11.7 manageNews. aspx 页 面 控件 属性 设置 


控件 类 型 控件 名 主要 属性 说 明 
TextBox 控件 tbKey TextMode 属性 设置 为 SingleLine 输入 查询 关键 字 
DropDownList 控件 DDownStyle ID 属性 设置 为 DDownStyle 显示 新 闻 类 型 
Button 控件 btSearch Text 属性 设置 为 “搜索 ” 站 内 搜索 功能 
GridView 控件 GridViewl AutoGenerateColumns 属性 设置 为 False 显示 新 闻 信 息 

在 HTML 源码 中 对 DropDownList 控件 进行 设置 ,代码 如 下 。 

< asp:DropDownList ID= "ddType" runat= "server" Width= "80px"> 

<asp:ListItem> 时 政 < /asp:ListItem> 

<asp:ListIten> 军事 < /asp:ListItem> 

<asp:ListTter 体育 < /asp:ListItem> 

<asp:ListItem> 科 学 < /asp:ListItem> 

<asp:ListItem> 经 济 < /asp:ListItem> 

< /asp:DropDownList> 

为 GridView 控件 添加 显示 字段 "编号 "、" 新 闻 标 题 "、" 新 闻 类 型 "、" 发 布 日 期 "和 " 编 
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应 用 程序 设计 实例 


辑 " ,在 HTML 源码 中 添加 如 下 代码 。 


<asp:GridView ID= "GridViewl" runat— "server" Widthr "664rx" RuitoGeneratecolums- 
"False" DataKeyNames= "newsID"> 

<Colums> 

< asp:BoungField DataField= "newsID" HeaderText= "编号 " /> 

< asp:BoundField DataField= "newsTitle" HeaderText= "新 闻 标 题 " /> 

< asp:BoundField DataField= "Type" HeaderText= "新 闻 类 型 " /> 
<asp:BoundField DataField= "adqpate" HeaderText= "发 布 日 期 " /> 
<asp:HyperLinkfield DataNavigateUrlFieldes= "newsID" DataNavigateUrlFonratString= 
"newsEdit .aspxanewsID= {0}" 

Text= "编辑 " /> 

<asp:CormandField ShowDeleteButton= "True" /> 

< /columns> 

< /asp:GridView> 


(2) 新 闻 查 询 功能 代码 
导入 命名 空间 : 


Using System.Data.sqlClient; 


在 manageNews. aspx. cs 中 编写 代码 前 , 先 需 要 定义 一 个 newsClass 类 对 象 ,以 便 在 编 
写 代码 时 调用 该 类 中 的 方法 。 


newsClass cs= new newsClass (); 
程序 主要 代码 如 下 。 


Protected void Page_Load (cbject sender,EventArgs e) 

{ 

if (!IsPostBack) 

{ 

bind (0); 

3 

} 

Eublic void dbind() 

{ 

newsClass cs= new newsClass (); 

string sqlStr= "select * fram tb news"; 

this.GridViewl .DataSouroce= cs.GetDataSet (sqlStr); 
this.GridView] .DataBind(); 

} 

//" 和 搜索" 按钮 代码 

Protected void btSearch Click (object sender,EventArgs e) 
{ 

newsClass cs= new newsClass (); 

string type= this .DDownStyle .SelectedValue .ToString (); 
String newsKey= this.thKey.Text.Trim(); 
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string sqlStr= "select * fram tb news where Type= '"+ type + "and newsTitle 
like '%" +newsKey + "S"'"; 

GridqViewl.DataSource= cs.GetDataSet (sqlStr); 

GridView] .DataBind (); 

要 

//" 新 闻 添 加 " 物 钮 代码 

protected void TBAddnew Click (cbject sender, EventArgs e) 

{ 

Response .Redirect ("addNews .aspx"); 

} 

// 分 页 功能 实现 

Protected void GridViewl PageIndexChanging (cbject sender,GridViewPageEv entArgs e) 
{ 

GridViewl.PageIndex= e.NewPageIndex; 

bind(); 

’ 


2) 新 闻 添 加 功能 
在 后 台新 闻 管理 页 面 中 有 一 个 “新 闻 添加 ”按钮 , 单 击 该 按钮 进入 如 图 11. 8 所 示 的 新 闻 


添加 页 面 ,在 该 页 面 中 可 以 添加 新 闻 的 详细 信息 。 


文件 坟 强 查看) 履 卫 工具 0) 帮助 0 
名 -上 昌 - 上 国外 时 WY 加 区- 芋 国 -DU 


疙 Mtp://1ocdhost: 1097/wed2/ vaders. aspx 


图 11.8 新 闻 添加 界面 


(1) 新 闻 添 加 页 面 设计 
在 新 闻 添加 页 面 (addNews. aspx) 中 添加 一 个 表格 用 来 进行 页 面 布局 ,然后 ,从 “工具 


箱 ” 一 “标准 ”选项 卡 中 向 表格 中 添加 一 个 DropDownList 控件 、 两 个 TextBox 控件 和 两 个 
Button 控件 ,打开 “属性 ”面板 设置 控件 的 属性 。 各 控件 的 属性 设置 如 表 11. 8 所 示 。 
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应 用 程序 设计 实例 


表 11.8 addNews. aspx 页 面 控件 属性 设置 


控件 类 型 控件 名 主要 属性 说 明 
DropDownList 控件 ddStyle AutoPostBack 属性 设置 为 True 显示 新 闻 类 型 
tbTitle TextMode 属性 设置 为 SingleLine 输入 新 闻 标 题 
TextBox 控件 
tbContent TextMode 属性 设置 为 MultiLine 输入 新 闻 内 容 
btAdd Text 属性 设置 为 “添加 ” 添加 功能 
Button 控件 
btReset Text 属性 设置 为 * 重 置 ” 重 写 功能 


(2) 新 闻 添 加 功能 代码 
导入 命名 空间 : 


using System.Data.SqlClient; 


在 addNews. aspx. cs 中 编写 代码 前 , 先 需 要 定义 一 个 newsClass 类 对 象 , 以 便 在 编写 代 
码 时 调用 该 类 中 的 方法 。 


newsClass cs= new newsClass ()7 
程序 主要 代码 如 下 : 


//" 吴 加 " 物 钮 代码 

Protected void btagd Click(cbject sender, EventArgs e) 

{ 

String newsType= ddStyle.SelectedValue .ToString ()7 

String newsTitle= tbTitle.Text.Trim(); 

String newsContent= tbhContent .Text.Trim(); 

string sqlStr= "insert into tb_news (newsTitle,Content, Type,addpate)values 
('"" +newsTitle + "十 DEWSContent + "',"'" +newsIype +"","" +DateTime.Now + "")"; 
jint i= cs.Execsql (sqlStr); 

if (i>0) 

Response.Write (cs.MessageBox ("添加 成 功 !", "addNews .aspx")); 

else 

Response.Write (cs.MessageBox ("添加 失败 !1","adoNews.aspx")); 

} 

// 吐 置物 钮 代码 

protected void btReset. Click (cbject sender,EventArgs e) 


3) 新 闻 编 辑 功 能 

在 新 闻 管 理 页 面 中 ,每 一 条 新 闻 后 有 一 个 “编辑 "按钮, 单 击 该 按钮 跳 转 到 图 11. 9 所 示 
的 新 闻 编 辑 页 面 (newsEdit. aspx) ,在 该 页 面 可 以 对 指定 新 闻 进 行 编辑 。 

(1) 新 闻 编 辑 页 面 设 计 
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E] 
文件 下) 编辑 让) 址 看 凡 收 戌 A) 工具 0) 帮助 o 


(CCICE De Me 


地 址 四 ) | 狠 htp://1ocelhost 1097/web2/nersEdit sspxrnersID=1 


EE | Tree og 
天 ME | enoveoss spo 


新 闻 编辑 


新 闻 类 型 ，[ 时 政 
i Ezyg EL 飞人 遭 情 无 综 半 决 


| 昌 顷 科 间 纺 习 浊 二 尘 参 丰美 里 
| 特 、 a 查 德 森 都 以 各 自 小 组 头 名 身份 提 进 半 决 


图 11.9 新 闻 编辑 界面 


在 新 闻 编辑 页 面 (newsEdit. aspx) 中 添加 一 个 表格 用 来 进行 页 面 布 局 ,然后 ,从 “工具 
”>“ 标 准 ” 选 项 卡 中 向 表格 中 添加 一 个 DropDownList 控件 、 两 个 TextBox 控件 和 两 个 


CEST Ey 


Button 控件 ,打开 “属性 ”面板 ,设置 控件 属性 。 各 控件 的 属性 设置 如 表 11.9 所 示 。 


表 11.9 newsEdit. aspx 页 面 控 件 属性 设置 


控件 类 型 控件 名 主要 属性 说 明 
DropDownList 控件 ddType AutoPostBack 属性 设置 为 True 显示 新 闻 类 型 
tbTitle TextMode 属性 设置 为 SingleLine 输入 新 闻 标 题 
TextBox 控件 
tbContent TextMode 属性 设置 为 MultiLine 输入 新 闻 内 容 
btSave Text 属性 设置 为 “保存 ” 保存 修改 的 新 闻 信 息 
Button 控件 
btReset Text 属性 设置 为 * 重 置 重新 填写 新 闻 信 息 


在 HTML 源码 中 对 DropDownList 控件 进行 设置 ,代码 如 下 。 


< asp:DropDownList ID= "ddType" runat= "server" Width= "80px"> 
<asp:ListItem> 时 政 < /asp:ListItem> 

<asp:ListIten> 军事 < /asp:ListTtem> 

<asp:ListItem> 体育 < /asp:ListIten> 

<asp:ListTtem> 科 学 < /asp:ListItem> 

<asp:ListItem> 经 济 < /asp:ListItem> 

< /asp:DropDownList> 


(2) 新 闻 编 辑 功 能 代码 
导入 命名 空间 : 
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using System.Data.SqlClient; 


在 newsEdit. aspx. cs 中 编写 代码 前 , 先 需 要 定义 一 个 newsClass 类 对 象 ,以 便 在 编写 
代码 时 调用 该 类 中 的 方法 。 


newsClass cs= new newsClass (); 
程序 主要 代码 如 下 。 


Protected void Page Load (object sender,EventArgs e) 

{ 

newsClass cs= new newsClass ()7 

int id= Convert .ToInt32 (Request .Params ["newsID"]); 

string sqlStr= "select * fram th news where newsID=" +id; 

DataSet ds= cs .GetDataSet (sqlStr); 

if (!IsPostBack) 

{ 

this.tbTitle.Text= ds.Tables [0] .Rows [0] ["newsTitle"] .ToString ()7 
this.tbcontent.Text=ds.Tables[0] .Rows [0] ["Content"] .ToString ()7 

} 

} 

//" 保 存 " 物 钮 代码 

protected void btSave Click (cbject sender,FEventArgs e) 

. 

newsClass cs= new newsClass () 7 

String newsTitle= tbTitle .Text .Trim (); 

String newsContent= this .tbContent .Text .Trim (); 

String newsType= this .ddType.SelectedValue.ToString(); 

string sqlStr= "update th _ news set newsTitle= '" + newsTitle + "',Content= '" +newsContent + ""',Type= '" + 
newsType + "" where newsID= " + Corvert.ToInt32 (Request .Params ["newsID"]); 
int i= cs.Execsql (sqlStr); 

Response.Write (cs.MessagsBox (数据 修改 成 功 !", "manageNews.aspx")); 
} 

Protected void btReset_ Click (object sender,EventArgs e) 

{ 

this.tbTitle.Text= "7 

this.tbContent.Text= "7 

} 


4) 新 闻 删 除 功能 

在 新 闻 编辑 页 面 , 当 用 户 单 击 新 闻 显 示 框 中 的 “删除 ”按钮 时 ,激发 GridView 控件 的 
RowDeleting 事件 ,在 该 事件 下 调用 newsClass 类 的 ExecSql() 方 法 删除 指定 的 新 闻 信 息 。 
代码 如 下 。 

//" 嗣 除 "按钮 代码 

protected void GridViewl RowDeleting (cbject sender,GridViewDeletepventArgs e) 

{ 
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选项 卡 中 添加 一 个 TextBox 控件 、 一 个 DropDownList 控件 、 一 个 Button 控件 和 4 个 


newsClass cs= new newsClass (); 

int id= Convert .ToInt32 (this.GridView] .Datakeys [e.RowIndex] -Value.ToStr 
ing()); 

string sqlStr= "delete from th news where newsID=" +id; 

int i= cs.Execsql (sqlStr); 

bind(); 

i 

6. 前 台 模块 设计 

1) 新 闻 首页 

(1) 新 闻 首 页 页 面 设计 

在 新 闻 首页 (news. aspx) 中 添加 一 个 表格 ,用 于 页 面 布 局 ,然后 ,从 “工具 箱 ” 一 “标准 ” 


DataList 控件 ,DataList 控件 根据 新 闻 类 型 不 同 来 分 类 显示 新 闻 。 各 个 控件 的 属性 设置 如 
表 11. 10 所 示 。 


表 11.10 news. aspx 页 面 控件 属性 设置 


控件 类 型 控件 名 主要 属性 说 明 
TextBox 控件 tbKey TextMode 属性 设置 为 SingleLine 输入 查询 关键 字 
DropDownList 控件 | DDType AutoPostBack 属性 设置 为 True 显示 新 闻 类 型 
Button 控件 ES Text 属性 设置 为 "搜索 " 站 内 搜索 功能 
DataListl 
DataList 控件 ee DataKeyField 属性 设置 为 "newsID” | 显示 新 闻 信息 
DataList3 
DataList4 
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在 HTML 源码 中 对 DataList 控件 进行 设置 ,代码 如 下 。 


< asp:DataList ID= "DataListl" runat= "server" DataKeyField= "newsID" 
nItemCamand= "DataListl ItemCormand"> 

< ItenfTenplate> 

<div style= "text- align: center"> 

< table border= "0" oellpadding= "0" oellspacing= "0" style= "width: 100%"> 

<tr> 

<td style= "width: 50px"> 

[<asp:Label ID= "Labell" runat= "server" Text= '< %# DataBinder.Eval 
(Container.DataTtem "Type") $> "> 

< /asp:Label> ]< /td> 

< td style= "width: 200px"> 

< asp:LinkButton ID= "LinkButtonl" runat— "server"> < $# DataBinder.Eval 
(Container.Dataltem, "newsTitle") %> 

< /asp:LinkButton> 

</to> 


应 用 程序 设计 实例 


<td style= "width: 100px"> < $# DataBinder.Pval (Container.DataTtem "addDate")®> 
</to> 

</tr> 

< /table> 

< /div> 

< /Ttentremplate> 

< /asp:DataList> 


(2) 新 闻 首 页 功能 代码 
导入 命名 空间 : 


using System.Data.SqlClient; 


在 news. aspx. cs 中 编写 代码 前 , 先 需要 定义 一 个 newsClass 类 对 象 ,以 便 在 编写 代码 
时 调用 该 类 中 的 方法 。 


newsClass cs= new newsClass (); 
程序 主要 代码 如 下 。 


protected void Page_Load (dbject. sender,EventArgs e) 

{ 

bind(); 

¥ 

Public void dbind() 

{ 

newsClass cs= new newsClass (); 

string sqlStr= "select * fram th news where Type= ' 体 育 '"; 

DataList1.DataSourcer= cs.GetDataSet. (sqlStr); 

DataList1.DataBind (); 

string sqlStrl= "select * ”from th news where Type= ' 军 事 '"; 

DataLi st2.DataSouroe= cs.GetDataSet (sqlStrl); 

DataList?2.DataBind(); 

string sqlStr2 "select * from th news where Type= ' 经 济 '"; 

DataList3.DataSouroe= cs .GetDataSet (sqlStr2); 

DataList3.DataBind (); 

string sqlStr3- "select * from tb news where Type= ' 科 学 '"; 

DataList4.Datasouroe= cs.GetDataSet (sqlStr3); 

DataList4.DataBind (); 

} 

protected void DataListl TterCamend (Gbject souroe, DataListormandEventArgs e) 

{ 

int ic Convert..ToImnt32 (DataList1 .DataKeys [e. Item. temIndex] .ToString()); 

Response.Write ("< script> window.open ("newsContent .aspx?newsID=" +id+"',"", 
"width= 500,height= 500')< /script> "); 

} 

protected void btSearch Click (object sender,EventArgs e) 

{ 
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string type= this.DDTYype-SelectedValue-ToSstring()7 

string newskey= this-tbKeY-Text-Trim() 7 

string sqlStr= "select * fram tb news where TYpe= '" + type + "and newsTitle 
like '%" +newskey + "%'"; 

Response .Redirect ("newsList .aspx?str=" + sqlStr); 

} 


2) 站 内 搜索 显示 结果 页 
用 户 需 要 查看 特定 新 闻 时 ,可 以 在 news. aspx 页 面 中 的 搜索 区 输入 关键 字 , 然 后 单 击 
“搜索 ”按钮 将 查询 相关 信息 显示 在 newsList. aspx 页 面 中 ,运行 结果 如 图 11. 10 所 示 。 


-一 疙 镁 ) 查 看 WD 尿 辣 (W)， 工具 0) 下 助 00 
四 三- 四- 四国 的 万 县 六 加 车- 芋 国 -U 


图 http://1ocslhost:109T/wwb2/newsList aspx 


ES 1 -> 
FE ec To 


意外 ! 刘 


【 总 页 数 为 。 】 首页 


筷 本 地 Intranet 


图 11.10 搜索 显示 结果 


(1) 页 面 设计 

在 页 面 (newsList. aspx) 中 添加 一 个 表格 用 来 页 面 布 局 ,然后 ,从 “工具 箱 ” 一 “标准 ” 选 
项 卡 中 添加 一 个 DataList 控件 ,三 个 Label 控件 和 4 个 LinkButton 控件 ,打开 “属性 ”面板 ， 
设置 控件 的 属性 。 它 们 的 属性 设置 如 表 11. 11 所 示 。 


表 11.11 newsList. aspx 页 面 控件 属性 设置 


控件 类 型 控件 名 主要 属性 说 明 
DataList 控件 DataListl DataKeyField 属性 设置 为 newsID 显示 新 闻 
Lbloca Text 属性 设置 为 *” 显示 新 闻 当 前 所 在 位 置 
Label 控件 Lbpage Text 属性 设置 为 "1 显示 当前 页 数 
Lbcount Text 属性 设置 为 “” 显示 分 页 数 
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续 表 
控件 类 型 控件 名 主要 属性 说 明 
LinkBone 跳 转 到 第 一 页 
LinkBup 跳 转 到 上 一 页 
LinkButton 控件 ForeColor 属性 设置 为 Red 
LinkNext 跳 转 到 下 一 页 
LinkBack 跳 转 到 最 后 一 页 


在 HTML 源码 中 对 DataList 控件 进行 设置 ,代码 如 下 。 


<asp:DataList ID= "DataList1" runat= "server" Width= "536px" DataKeyField= 
"newsID" OnItemCormancF= "DataListl_ ItemCormand" OnTterDataBounc 
"DataList] ItemDataBound" Height= "192px"> 

< SeparatorTenplate> 

< /SeparatorTenplate> 

< ItenlTenplate> 

<div style= "text- align: center"> 

< table border= "0" oellpadding= "0" oellspacing= "0" style= "width: 500px"> 

<tr> 

<td style= "width: 100px"> [< %# DataBinder.Eval (Container.DataTtem "Type") %> ] 

</to> 

< td style= "width: 300px"> 

< asp:LinkButton ID= "LinkButtonl" runat= "server"> < %# DataBinder.Eval 
(Container.DataTtem "newsTitle")®%> 

< /asp:LinkButton> 

</to> 

</tr> 

< /table> 

< /div> 

< /Itertremplate> 

< /asp:DataList> 


(2) 页 面 功能 代码 
导入 命名 空间 : 
Using System.Data.sqlClient; 


在 newsList. aspx. cs 中 编写 代码 前 , 先 要 定义 一 个 newsClass 类 ,以 便 在 编写 代码 时 调 
用 该 类 中 的 方法 。 


newsClass cs= new newsClass (); 
程序 主要 代码 如 下 。 


Protected void Page Load (object sender,EventArgs e) 
{ 
if (IsEostBack) 
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Public void abind() 

{ 

int currentPage= Convert.ToInt32 (this.Ibpage.Text); 
PagedDataSouroce ps= new PagedDataSouroe (); 

DataSet ds= cs.GetDataSet (Convert .ToString (Session ["search"])); 
ps .DataSource =ds.Tables [0] .DefaultView; 
Ps.AllowPaging= true; 

Ps.EageSize= 47 

PSs.CurrentPageIndex= currentPage— 1; 
this.LinkBup.Enabled= true; 

this.Linmext .Enabled= true ; 

this. LinkBback .Enabled= true 7 

this .LinkBone.Enabled= true 7 

if (currentPage==1) 

{ 

this .LinkBone .Enabled= false ; 

this .LinkBup .Enabled= false ; 

} 

if (currentPage==ps.PageCount) 

{ 

this.Linmext .Enabled= false ; 

this .LinkBback .Enabled= false ; 

} 

this.LinkBback.Text= Convert.ToString (ps.PageCount); 
DataList1.DataSource= ps; 

DataList1.DataKeyField= "newsID"; 

DataList] .DataBind () 7 

} 

Protected void LinkBone Click (cbject sender,EventArgs e) 
this.Ibpage.Text= "1"; 

this.dbind(); 

} 
protected void LinkBup Click (object sender,EventArgs e) 
{ 
this.Ibpage.Text= Convert.ToString (Convert.ToTInt32 (this.Ibpage.Text) —1); 
this.dbind()7 

} 
Protected void Linmext Click (object sender,EventArgs e) 
{ 
this.Ibpage.Text= Convert.ToString (Convert.Tomt32 (this.Ibpage.Text) +1); 
this.dbind(); 

} 
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protected void LinkBback Click (dbject sender, EventArgs e) 

{ 

this.Ibpage.Text= this.Ibcount.Text; 

this.dbind()7 

Protected void DataList] ItenCormand (Goject souroe, DataListOamrandEventArgs e) 

. 

int id= Convert .ToInt32 (DataList] .Datakeys [e.Item.ItemIndex] .ToString ())7 

Response.Write ("< script> window.open ('newsContent .aspx2newsID=" +id+"™","", 
"width= 500, height= 500")< /script> ") 

} 


3) 新 闻 内 容 显示 页 面 
新 闻 内 容 显示 页 面 CnewsContent. aspx) 用 来 显示 新 闻 详 细 信 息 ,如 图 11. 11 所 示 。 


Tmes change 


[一 一] 
天 省 册 3 | knowledos Spe 


意外 ! 刘翔 预赛 掉 倒 失 误 飞人 遗 二 无 缘 半 决赛 
北京 时 间 8 月 7 日 ，2012 伦 敦 奥运 会 田径 比赛 在 “伦敦 碗 ”奥林匹克 体育 场 
结束 男子 110 米 栏 预赛 。 中 国 飞人 诸 因 发 生意 外 在 攻 第 一 个 栏 时 直接 打 


过 终点 : 
， 卫 岗 冠 军 风 伯 斯 和 美国 悍 将 梅里 特 、 理 查 德 森 才 
以 各 自 小 组 头 名 身份 捍 进 半 决 赛 ， 史 入 


图 11.11 新 闻 内 容 显示 界面 


(1) 新 闻 内 容 显示 页 面 设 计 
在 新 闻 内 容 显示 页 面 (newsContent. aspx) 中 添加 一 个 表格 用 来 布局 页 面 ,然后 ,从 “ 工 
具 箱 ”一 “标准 ”选项 卡 中 添加 一 个 DataList 控件 ,打开 “属性 ”面板 ,设置 控件 的 属性 。 它 们 
的 属性 设置 如 表 11. 12 所 示 。 
表 11.12 newsContent. aspx 页 面 控件 属性 设置 
控件 类 型 控件 名 主要 属性 说 明 
DataList 控件 DataListl DataKeyField 属性 设置 为 newsID 显示 新 闻 内 容 


在 HTML 源码 中 对 DataList 控件 进行 设置 .代码 如 下 。 
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< asp:DataList ID= "DataListl" runat= "server" Width= "416px"> 

< Itenmenplate> 

<div style= "text- align: center"> 

< table border= "0" oellpadding= "0" oellspacing= "0" style= "width: 100%"™> 

> 

< td colspan= "2" style= "height: 19px"> <h4> < %# DataBinger.Eval (Container.DataTtem "newsTitle")%> < /h4 
</to> 

fe 

<tr> 

< td colspan= "2" style= "height: 100px"> < $%# DataBinder.Eval (Container.DataTtem "Content")%> 
</to> 

</tr> 

< /table> 

< /div> 

< /ItenlTenplate> 

< /asp:DataList> 


(2) 新 闻 内 容 显示 页 面 代码 设计 
导入 命名 空间 : 


Using System.Data.SqlClient; 


在 newsContent. aspx. cs 中 编写 代码 前 , 先 要 定义 一 个 newsClass 类 ,以 便 在 编写 代码 


时 调用 该 类 中 的 方法 。 
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newsClass cs= new newsClass (); 
程序 主要 代码 如 下 。 


Protected void Page_Load (cbject sender,EventArgs e) 
{ 

bind(); 

} 

public void dbind () 

{ 

int id= Convert.ToInt32 (Request .Params ["newsID"]); 
String sqlStr= "select * fram th news where newsID=" +id; 
DataList] .DataSouroe= cs.GetDataSet (sqlStr); 
DataList] .DataBind(); 

} 
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